1.用伪元素实现
.border_1px_top{
position:relative;
}
.border_1px_top:before{
content: "";
position:absolute;
left:0;
top:0;
right:-100%;
bottom:-100%;
-webkit-transform: scale(0.5);
-webkit-transform-origin: 0px 0px;
border-top:1px solid #e6e6e6;
pointer-events: none;
}
2.border-image实现
<div class="border1">案例一:我是border-image实线</div>
.border1{
border-style:solid;
-webkit-border-image:url(../image/border_image_solid.png) 2 repeat;
border-width:1px;
}