我想在导航中悬停项目的左侧和右侧添加边框。这可行,但是看到我向元素添加了 2px,它会将其他元素推出。如何将边框添加到几乎位于悬停列表项的内部而不影响导航的其余部分?
// Simple example:
li {
list-style: none;
display: inline;
}
li a:hover {
border-left: 1px solid black;
border-right: 1px solid black;
}
// HTML:
<ul>
<li><a href="">Test 1</a></li>
<li><a href="">Test 2</a></li>
<li><a href="">Test 2</a></li>
</ul>
或访问jsfiddle 链接以获取活动示例。