移动端开发——0.5px边框 —— 2个边框

刚刚 说了 1个边框  现在 说一下2个边框  这里 2个 边框  说的是  border-left  border-right  这个 意思  或者是 border-top  border-left  什么的

直接上代码    可以上  刚刚  发的  1个边框 的  这里给a又加了一个伪类before

字大的是新增的

a:after{
position: absolute;
content: ' ';
width: 200%;
height: 1px;
left: -50%;
top: 0;
background: red;
transform: scale(0.5);
-webkit-transform: scale(0.5);
}
a:before{
position: absolute;
content: ' ';
width: 200%;
height: 1px;
left: -50%;
bottom: 0;
background: red;
transform: scale(0.5);
-webkit-transform: scale(0.5);
}

下面附上  图