网页设计边框结构 第1篇
首先,我们要知道这个框架是啥,目的又是啥。
现在的目标是做一个网页出来,所以其实还不是很全,不过后面会慢慢补充的。
在html中,这个框架用到标签是
这个里面的xxx就是自己定义名称啦,但是那个“.”不要忘掉哦。
注:这个是写在当中的。
调用方法非常简单,即在
当然啦,在调用的一个框架里面,再调用一个框架也是可以的。
调用之前,一定要先在
调用方面的语句怎么写就行了,调用很简单,重点在
先不要急着运行看效果如何,它现在这个样子出来是没有任何效果能看出来的,因为它这里仅仅是对这个框架长宽的定义。
它也不会有什么自带的描边啥的。
为了方便看效果,先讲这个背景颜色的填充。
其实框架的背景填充方式很多,这里只是单纯为了方便看效果,而说一下这个最简单的纯色填充。
在这里,填充用的是background,同样的,不能当初标签来用。
额,还有要说的一点就是,在HTML中,一种颜色的表达方式有很多。
法一:比如“#”+“72ECAD”,格式就是#加上一串数字和英文。
后面那一串奇怪的东西,其实是3个十六进制的数字,也就是对应了RGB中的红:256,绿:256,蓝:256。
网页设计边框结构 第2篇
前面讲的都是框架的相关知识,那我们的主线还是不变的——做一个网页,登录这种东西必然是少不了的,这里就简单的做一个登录的框架,具体的内容下期再讲。
既然是一个网页界面,简陋点来说,就是一个大背景底色弄一下,然后右边来一个小框架,在框架当中再弄具体的登录内容。
这里还好,不是很多,也就是框架的颜色填充,位置确定和层级问题。
理清思路和知识点就好写多了。
效果图:
有一点要注意一下就是那个两个框架的嵌套……
好啦,这篇到这里就结束啦,一起努力进步喵!
网页设计边框结构 第3篇
顶部border-top-color、右侧border-right-color、底部border-bottom-color、 左侧border-left-color
透明边框的使用:在有些情况下网页制作人员可能想创建一个不可见的边框。这就引人了边框颜色值transparent(在CSS2中引入)。这个值用于创建有宽度的不可见边框。假设你希望包含3个链接的一组链接有边框,默认地这些边框不可见,不过,鼠标停留在链接上时边框要凸起。为此可以让边框在链接处于非悬停状态下透明:
a:link, a:visited {border-style: solid; border-width: 5px; border-color: transparent;}a:hover {border-color: gray;}
利用transparent,使用边框就像是额外的内边距一样,此外还有一个好处,就是能在你需要的时候使其可见。这种透明边框相当于内边距,因为元素的背景会延伸到边框区(假设有可见的背景)。警告:在IE7之前,IE/Win没有提供对transparent的支持。在以前的版本中,IE会根据元素的color值来设置边框颜色。