.box { border: 1px solid #000000; }
上面的代码可以为class为”box”的元素添加1像素宽度、颜色为黑色的实线边框。如果要添加虚线边框:
.box { border: 1px dashed #000000; }
如果要添加不规则的边框,可以使用border-image属性:
.box { border-image: url(border-pattern.png) 10 10 10 10 repeat; }
上面的代码将元素的边框样式设置为border-pattern.png图片,并且图片的边距是10像素。repeat参数表示当图片不足以填充全局时,会重复填充。
CSS还提供了更复杂的边框样式,比如圆角、渐变、阴影等,可以根据不同的需求来进行选择和使用。同时,CSS3的边框样式还支持多个边框,也就是说,可以给元素添加多个边框,每个边框的颜色和样式都可以不同。
总之,CSS3的边框样式相当强大,可以为网页设计带来更多的创意和可能性。