实现方法:CSS3有缩放的属性,我们可以利用这个属性,缩小50%的1px的边框,来实现这个功能代码如 下:
<div class="border3">
<div class="content">伪类设置的边框</div>
</div>
<style>
* {
margin: 0;
padding: 0
}
.border3 {
position: relative;
}
.border3:before {
content: '';
position: absolute;
width: 200%;
height: 200%;
border: 1px solid red;
transform-origin: 0 0;
transform: scale(0.5, 0.5);
box-sizing: border-box;
}
</style>