// 移动1像素表现
.setTopLine(@c: #E6E6E6) {
content: " ";
position: absolute;
left: 0;
top: 0;
right: 0;
height: 1px;/*no*/
border-top: 1px solid @c;/*no*/
color: @c;
transform-origin: 0 0;
transform: scaleY(0.5);
}
.setBottomLine(@c: #E6E6E6) {
content: " ";
position: absolute;
left: 0;
bottom: 0;
right: 0;
height: 1px;/*no*/
border-bottom: 1px solid @c;/*no*/
color: @c;
transform-origin: 0 100%;
transform: scaleY(0.5);
}
.setLeftLine(@c: #E6E6E6) {
content: " ";
position: absolute;
left: 0;
top: 0;
width: 1px;/*no*/
bottom: 0;
border-left: 1px solid @c;/*no*/
color: @c;
transform-origin: 0 0;
transform: scaleX(0.5);
}
.setRightLine(@c: #E6E6E6) {
content: " ";
position: absolute;
right: 0;
top: 0;
width: 1px;/*no*/
bottom: 0;
border-right: 1px solid @c;/*no*/
color: @c;
transform-origin: 100% 0;
transform: scaleX(0.5);
}
移动端1像素边框
猜你喜欢
转载自my.oschina.net/u/3407699/blog/1801871
今日推荐
周排行