/* 设置元素边框为实线,宽度为1像素,颜色为黑色 */ border: 1px solid black; /* 只设置上方和下方边框的样式 */ border-top: 1px solid black; border-bottom: 1px dashed red; /* 设置圆角 */ border-radius: 5px;
边框类型包括实线、虚线、点状线和双线等,其对应的CSS属性分别为solid、dashed、dotted和double。可以通过设置边框的宽度和颜色来改变边框的样式。
同时,还可以设置边框的透明度、阴影、边框盒模型等特性。例如,可以使用CSS3的box-shadow设置元素的阴影效果。
/* 设置元素的阴影效果,偏移量为水平偏移5像素,垂直偏移5像素,模糊半径为10像素,阴影颜色为红色 */ box-shadow: 5px 5px 10px red;
总之,CSS Border是一种非常重要的CSS样式属性,它为页面设计提供了更多的样式选择和优化方案,而且在CSS3中还有更加丰富的扩展功能和效果。