{ border: 1px solid black; }
大家可以通过设置上面这个CSS属性,来为一个元素添加1像素粗的黑色实线边框。如图所示,这个边框覆盖在元素的上下左右四个边缘。
其中,border属性有三个子属性,分别代表边框的宽度、样式和颜色。在上面的例子中,大家使用了solid样式,它表示实线样式。也可以使用其他样式,比如dotted表示点划线,dashed表示虚线,double表示双实线等等。
此外,还可以单独设置border-top、border-right、border-bottom、border-left四个子属性,来控制元素的特定边框。比如下面这个CSS属性,可以给元素的左边框设置红色3像素宽的虚线:
{ border-left: 3px dashed red; }
总之,CSS中的border属性可以让大家轻松地为元素添加边框,从而让网页实现更丰富多彩的效果。