html - 更改 CSS 中的边框长度

Question

我意识到边框包裹了内容，但是是否可以使其边框元素的底部边框百分比？还可以将边框长度减少设定的像素，即-20px。

nav li {
display: inline-block;
*display: inline; /*For Internet Explorer 7*/
*zoom: 1; /*For Internet Explorer 7*/
padding: 10px;
font-family: "Changa One" , Cursive;
font-size: 1em;
}

nav li:hover {
border-bottom: 1px solid orange;
padding-bottom: 3px;    
}

当我悬停时，我希望底部边框(udnerline)减少 20px，因为我的填充将列表元素间隔 20px(两侧各 10px)。非常感谢任何答案!

Answer 1

如果您不希望边框显示在元素之间的空间上，则可以使用边距而不是填充来分隔元素。

关于另一个问题，我认为你不能使用 % 作为边框。