为什么将无序列表用于水平菜单，而不仅仅是样式<a>标签？我有这个CSS，它可以完美地工作：
#menu {
width: 700px;
height: 40px;
position: absolute;
bottom: 0px;
left: 50px;
background-color: #00604F;
border-radius: 10px 10px 0px 0px;
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5);
text-align: center;
overflow: hidden;
}
#menu a {
height: 20px;
margin: 0px 5px;
padding: 10px;
display: inline-block;
background-color: #0C61B4;
color: #FFF;
text-decoration: none;
}
#menu a:hover, #menu a:active, #menu a.active {
background-color: #07396A;
}
#menu a:active, #menu a.active {
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5) inset;
}
HTML看起来像这样：
<div id="menu">
<a>Hello</a>
<a>World!</a>
</div>
该<a>标签可以有任何你想要的属性（如HREF，的onClick等）。
实际上，您可以使用任何要使用的元素。毕竟是您的网站。
使用uls的常见参数是菜单项是可以包含链接的对象。但是它可能包含各种各样的东西。如果它是占位符或标头，则可能根本没有链接。您也可以ul在其中放置另一个，然后使用CSS为其下拉菜单。
在我看来，链接就是这样。一条链接。如果它不能以某种方式导航您，则它不应该是链接。如果您所有菜单项都始终在导航，则请务必在a标签上方使用ul标签。
但是您可能想考虑将来的打样。当然他们现在都链接了，但是将来呢。如果必须更改菜单的工作方式，则对链接应用样式意味着以后需要重做。将样式应用于uls可为您提供更大的灵活性。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句