<分区>
我的右边框是 100% 高度:
border-right:1px solid #000000;
我想让它更短:
是否可以在不改变 div 高度的情况下使用 CSS 实现？我需要 div 为 100% 高度并且只更改该边框。
<分区>
我的右边框是 100% 高度:
border-right:1px solid #000000;
我想让它更短:
是否可以在不改变 div 高度的情况下使用 CSS 实现？我需要 div 为 100% 高度并且只更改该边框。
最佳答案
您可以使用伪元素 来替换右边框。因为您可以选择它的大小/位置，所以您可以用它来模拟边框:
HTML :
<div></div>
CSS:
div {
height:200px;
width:500px;
background:gold;
position:relative;
border-top:10px solid grey;
border-bottom:2px solid #000;
}
div:after {
content:"";
position:absolute;
top:20%;
right:0;
width:2px;
height:60%;
background:#000;
}
支持 IE8 请参阅 caniuse
关于html - 改变右边框的高度，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23260558/