我很困惑,因为必须使其在CSS中工作只有一个div,边框只能在一半的宽度上可见.
边框样式是一个简单的1px固体#000;
但是,我希望div的边框的顶端不可见(在div的宽度上为100％),
而只是在宽度的前50％.
我没有能够在任何地方找到一个例子,它需要百分比,所以通常的技巧(图像在下半部分…).
解决方法
这将工作：
#holder {
border: 1px solid #000;
height: 200px;
width: 200px;
position:relative;
margin:10px;
}
#mask {
position: absolute;
top:-1px;
left:1px;
width:50%;
height: 1px;
background-color:#fff;
}
<div id="holder">
<div id="mask"></div>
</div>
