导航代码全

最新推荐文章于 2024-04-15 07:57:18 发布

SmallFish_Y

最新推荐文章于 2024-04-15 07:57:18 发布

阅读量538

点赞数

本文链接：https://blog.csdn.net/SmallFish_Y/article/details/118338555

版权

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8">
       <title>导航栏菜单的设计与实现</title>
       <style>
           ul{
               list-style: none;
               margin:0;
               padding: 0;
           }
           li{
               float: left;
           }
           a:link,a:visited{
               display: block;
               width: 100px;
               font-weigh:bold;
               color: white;
               background-color: #5AF;
               text-align: center;
               padding: 5px;
               text-decoration: none;
           }
           a:hover,a:visited{
               background-color: #006FDD;
           }
       </style>
   </head>
   <body>
       <h3>导航栏菜单的设计与实现</h3>
       <hr/>
       
       <nav>
       <ul>
       <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>
       <li><a href="#">科技</a></li>
       </ul>
       </nav>
   </body>
</html>