CSS中可以通过border-style属性来设置边框的样式,其中包括none、solid、dotted、dashed、double等多种样式。/* 单线边框 */ border: 1px solid
CSS中可以通过border-style属性来设置边框的样式,其中包括none、solid、dotted、dashed、double等多种样式。
/* 单线边框 */ border: 1px solid #ccc; /* 虚线边框 */ border: 1px dashed #ccc; /* 点线边框 */ border: 1px dotted #ccc;
而要设置边框双线,我们可以利用border-style属性的多重值,例如:border-style: double solid;
/* 双线边框 */ border: 3px double #ccc;
可以看到,我们只需要将border-style属性的值设置为double和solid的组合,就可以达到双线边框的效果。
如果想要设置不同宽度的双线边框,可以采用以下方式:
/* 不同宽度的双线边框 */ border: 1px double #ccc; border-width: 3px 1px 3px 1px;
其中,border-width属性设置四个方向上的边框宽度,顺序为上、右、下、左。
粉丝
0
关注
0
收藏
0