本文介绍了一种使用CSS实现简洁美观的导航菜单的方法。通过设置特定的CSS属性，如display、float等，可以让菜单项水平排列，并保持良好的视觉效果。此外，还提供了具体的样式代码示例。
#Navigator {
list-style:none;
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
border-bottom:1px solid blue;
height:1%;
overflow:auto; //结合Height实现清浮动
}
#Navigator li {
display:inline;
}
#Navigator li a{
display:block;//让Li是Inline，让A是Block，再Float。也可以实现菜单横排。
float:left;
padding:10px 20px;
text-decoration:none;
text-transform:capitalize;
}
list-style:none;
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
border-bottom:1px solid blue;
height:1%;
overflow:auto; //结合Height实现清浮动
}
#Navigator li {
display:inline;
}
#Navigator li a{
display:block;//让Li是Inline，让A是Block，再Float。也可以实现菜单横排。
float:left;
padding:10px 20px;
text-decoration:none;
text-transform:capitalize;
}
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
