CSS是网页开发中常用的样式表语言,可以用来美化网页并设置网页元素。其中,设置div元素的边框是CSS常见的应用之一。
div { border: 1px solid black; }
以上代码可以设置一个1像素宽度、黑色实线边框的div元素。
border属性可以设置边框的大小,样式和颜色。例如:
div { border-width: 2px; /*边框宽度*/ border-style: dashed; /*边框样式*/ border-color: red; /*边框颜色*/ }
以上代码可以设置一个2像素宽度、虚线边框、颜色为红色的div元素。
还可以使用border-top、border-bottom、border-left和border-right单独设置上下左右四个边框。例如:
div { border-top: 1px solid black; border-bottom: 2px dotted red; border-left: 3px solid green; border-right: 4px dashed blue; }
以上代码可以设置一个上边框为1像素实线黑色,下边框为2像素点状红色,左边框为3像素实线绿色,右边框为4像素虚线蓝色的div元素。