Html 更改CSS中的边框长度

我知道边框会包装内容，但是否有可能使其边框元素的底部边框百分比？也可以将边界长度减少一组像素，即-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）。非常感谢您的回答

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

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

也许会有帮助

{
填充：0；
保证金：0；
框大小：边框框；
}
导航{}
李海军{
显示：内联块；
*显示：内联；/*用于Internet Explorer 7*/
*缩放：1；/*用于Internet Explorer 7*/
填充：10px；
字体家族：“长安一号”，草书；
字号：1em；
}
李娜{
显示：块；
文字装饰：无；
颜色：#000；
}
李导航：悬停a{
边框底部：1px纯色橙色；
垫底：3件；
}