在网页设计中,导航是一个非常重要的组成部分,它能够帮助用户更好地浏览网站内容。而CSS就是一个让导航和整个网页变得更加美观和易读的重要工具。 一个简单的导航可以使用以下代码实现: <ul
<ul> <li><a href="#">首页</a></li> <li><a href="#">产品</a></li> <li><a href="#">关于</a></li> <li><a href="#">联系我们</a></li> </ul>
<style> ul { list-style: none; background-color: #333; text-align: center; margin: 0; padding: 0; } li { display: inline-block; margin-right: 20px; } li a { display: block; color: white; text-align: center; padding: 14px 16px; text-decoration: none; } li a:hover { background-color: #111; } </style>
<nav> <ul> <li><a href="#">首页</a></li> <li><a href="#">产品</a></li> <li><a href="#">关于</a></li> <li><a href="#">联系我们</a></li> </ul> </nav>
粉丝
0
关注
0
收藏
0