0.5px border

设置border的宽度为0.5px

html代码

为scale-border 设置border
原理：border元素没有设置高度，但是根据父元素定位，又用定位属性top、bottom、left、right拉伸border元素的宽高，最后使用transform：scale缩放

<div class="scale-border ">
	<div class="content">边框宽度0.5px</div>
	<div class="border"></div>
</div>

css代码

.scale-border {
	position: relative;
	其它代码
}
.border {
	position:absolute;
	top:-50%;
	right:-50%;
	bottom:-50%;
	left:-50%;
	-webkit-transform:scale(0.5);
	transform:scale(0.5);
	border:1px solid #333;
	border-radius: 10px;
}

赏

谢谢你请我吃糖果

支付宝

微信