书写0.5px线条方式:

2017-09-14  本文已影响0人  刘思哲

方法1:

.border_top {

background: url("data:image/svg+xml;utf8,") no-repeat;

}

.border_bottom {

background: url("data:image/svg+xml;utf8,") no-repeat;

}

.border_left {

background: url("data:image/svg+xml;utf8,") no-repeat;

}

.border_right {

background: url("data:image/svg+xml;utf8,") no-repeat;

}

方法2:

.border-bottom,.border-top{position: relative;}.border-bottom:after,.border-top:before{content: '';position: absolute;width: 200%;height: 1px;background: #eee;-webkit-transform: scale(0.5);transform: scale(0.5);z-index: 1;}.border-bottom:after{bottom: 0;left: 0;-webkit-transform-origin: 0 100%;transform-origin: 0 100%;}.border-top:before{top: 0;left: 0;-webkit-transform-origin: 0 0;transform-origin: 0 0;}

1����h8

上一篇下一篇

猜你喜欢

热点阅读