CSS中的border属性是用来设置元素边框的样式的,可以通过border-width、border-style和border-color三个属性来分别设置边框的宽度、样式和颜色。
border-width: 1px; /*设置边框宽度为1px*/ border-style: solid; /*设置边框样式为实线*/ border-color: #000; /*设置边框颜色为黑色*/
如果想同时设置这三个属性,可以使用border属性,用空格分开:
border: 1px solid #000; /*设置边框宽度为1px,边框样式为实线,边框颜色为黑色*/
除了常规的边框样式,CSS还提供了许多其他类型的边框样式。
1.虚线边框:
border-style: dashed; /*设置边框样式为虚线*/
2.点状边框:
border-style: dotted; /*设置边框样式为点状*/
3.双实线边框:
border-style: double; /*设置边框样式为双实线*/
4.弧形边框:
border-radius: 10px; /*设置边框圆角半径为10px*/ border-width: 3px; /*设置边框宽度为3px*/ border-style: solid; /*设置边框样式为实线*/ border-color: #000; /*设置边框颜色为黑色*/
5.透明边框:
border-width: 3px; /*设置边框宽度为3px*/ border-style: solid; /*设置边框样式为实线*/ border-color: transparent; /*设置边框颜色为透明*/
上述的样式只是CSS中边框样式的一部分,还有许多其他样式可以根据需要使用。