我已经使用<ul>
和制作了一个导航栏<li>
我想用边框、渐变等自定义每个选项卡。
它应该应用在哪里?
我的 CSS 样式往往只影响字母,而不影响其他任何东西。
CSS
#nav {
width: 100%;
margin: 20px 0px 20px 0px;
}
#nav ul {
padding: 12px 0px 12px 0px;
border-top: solid black 1px;
border-bottom: solid black 1px;
}
#nav ul li {
display: inline;
margin-left: 50px;
font-weight: bold;
background-color: grey;
}
HTML
<div id="nav">
<ul>
<li>Home</li>
<li>Files</li>
<li>Info</li>
<li>About</li>
</ul>
</div>