#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;
}
本文介绍了一种使用CSS实现简洁美观的导航菜单的方法。通过设置特定的CSS属性,如display、float等,可以让菜单项水平排列,并保持良好的视觉效果。此外,还提供了具体的样式代码示例。
1134

被折叠的 条评论
为什么被折叠?



