CSS 规范指出,边框绘制在“元素的背景之上”。这很重要,因为有些边框是“间断的”(例如,点线边框或虚线框),元素的背景应当出现在边框的可见部分之间。样式是边框最重要的一个方面,这不是因为样式控制着边框的显示(当然,样式确实控制着边框的显示),而是因为如果没有样式,将根本没有边框。
1.border-style属性定义了边框的样式,例如p{border-style:solid;}
2.border-width属性指定了边框的宽度,例如 p{border-width:8px;}。如果希望显示某种边框,就必须设置边框样式。这是因为如果边框样式为 none,即边框根本不存在,那么边框就不可能有宽度,因此边框宽度自动设置为 0,而不论您原先定义的是什么。
3.border-color属性指定为边框的颜色,例如p{border-color:red;}。可以使用任何类型的颜色值,例如可以是命名颜色,也可以是十六进制和 RGB 值。
4.透明边框border-color:transparent,这个值用于创建有宽度的不可见边框。从某种意义上说,利用 transparent,使用边框就像是额外的内边距一样;此外还有一个好处,就是能在你需要的时候使其可见。这种透明边框相当于内边距,因为元素的背景会延伸到边框区域。