3.6 边框.pdf

边框


有几种样式表属性可以将网页要素周围加上边框。

(注意:IE 3 和 IE 4 不支持任何边框属性。)

顶边框宽度,底边框宽度,左边框宽度和右边框宽度

你可以控制整个边框的宽度,也可以分别控制每一边的边框宽度:
H4 { border-top-width: 2px; border-bottom-width: 5px; border-
left-width: 1px; border-right-width: 1px }

以下是上述 CSS 规则的显示结果:

你还可以给替代要素加上边框,很好玩,是吧?

你无须给一个要素的每一边都加上边框。

你可以使用上述任何一种长度单位设定边框宽度,也可以使用内置关键字设定
宽度:

本段文字的顶边框宽度参数值为 thin。

本段文字的顶边框宽度参数值为 medium。
本段文字的顶边框宽度参数值为 thick。

如果你想使边框四面应用相同的宽度,很简单,使用 border-width 标签就可一
次完成,例:
IMG { border-width: 1in }

边框颜色

例:
P { border-color: green; border-width: 3px }

本段文字显示上述代码的执行效果。

你可以使用浏览器认可的颜色或者直接使用 RGB 参数值,例:
H4 { border-color: #FF0033; border-width: thick }

如果你想使边框的四边显示不同的颜色,你可以在设置中分别列出各种颜色:
P { border-color: #666699 #FF0033 #000000 #FFFF99; border-width:
3px }

浏览器将第 1 种颜色理解为顶边框的颜色参数值,第 2 种颜色为右边框,然后
是底边框,然后是左边框