淘先锋技术网

首页 1 2 3 4 5 6 7

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中边框样式的一部分,还有许多其他样式可以根据需要使用。