时间：2023-07-24 18:54:01 | 来源：网站运营
时间：2023-07-24 18:54:01 来源：网站运营
一篇文章教会你如何制做精美导航条：【一、项目背景】
在线咨询
li{ list-style: none; }4. 基于上述步骤，运行一下 如下图所示：ul li{float: left; # 把内容左浮动，这样可以横向排列 width: 100px; # 设置每个li的宽 height: 30px; # 设置每个li的高 background-color:pink # 设置li的背景颜色为粉色 border: 1px solid 6495ED; # 设置li的边框颜色以及边框大小 text-align: center; # 设置li中的文字样式为居中 line-height: 30px; # 设置li中文字举例上边框的高度}ulli:hover{background-color: aqua;} # 设置将鼠标放到li时的背景颜色ul li:hover a{color: black;} # 设置将鼠标放到li中的a标签的内容时的文字颜色6. 完整代码，如下图所示。关键词：精美,导航,文章,教会
