<ul class="nav"><li><a href="#">首页</a></li><li><a href="#">产品</a></li><li><a href="#">服务</a></li><li><a href="#">关于大家</a></li><li><a href="#">联系大家</a></li></ul>.nav { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #333; } .nav li { float: left; } .nav li a { display: block; color: white; text-align: center; padding: 14px 16px; text-decoration: none; } .nav li a:hover { background-color: #111; }
代码中的ul标签定义了一个导航栏,其中每个li标签代表一个链接项。代码中的样式表设置了导航栏的背景颜色、链接文字和悬停颜色等。通过调整样式表,大家可以轻松地实现不同风格和功能的导航栏。