参考://www.greatytc.com/p/7e63f5a32636
- 用
less
写的
.border-1px(@color){
position: relative;
&:after{
content: '';
position: absolute;
top: 0;
left: 0;
border: 1px solid @color;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 200%;
height: 200%;
-webkit-transform: scale(0.5);
transform: scale(0.5);
-webkit-transform-origin: left top;
transform-origin: left top;
}
}
.inpWrap{
/*border: 1px solid #c8c8c8;*/
.border-1px( #c8c8c8); /*使用*/
width: 500px;
height: 80px;
margin: 0 auto 18px;
}
- 使用前效果: 边框粗细不一样
-
使用后效果: