我正在尝试使用列表项制作导航栏。我在它们周围设置了一个边框,我试图弄清楚如何使列表项周围的边框大小相等。它们似乎总是与边框内的文本大小一致。对不起,如果这是一个愚蠢的问题,我是网页设计的新手。
#nav {
background-color: #000;
height: 100px;
padding-top: 20px;
}
li {
display: inline;
border: 1px outset #c4c4cc;
background-color: #c4c4cc;
font-family: Tahoma, Geneva, sans-serif bold;
margin-left: 29px;
font-weight: bold;
padding: 12px;
}
<div id="nav">
<ul>
<li>About Us</li>
<li>Contact Us</li>
<li>Castings</li>
<li>Machining</li>
<li>Products</li>
<li>Home</li>
</ul>
</div>