Html/CSS菜单代码

最新推荐文章于 2023-02-01 20:01:28 发布

编程老头

最新推荐文章于 2023-02-01 20:01:28 发布

阅读量1.5k

点赞数

分类专栏： HTML/CSS基础

本文链接：https://blog.csdn.net/sjtu081200/article/details/8684569

版权

HTML/CSS基础专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<html>
  <head>
  
    <style type="text/css">
    
      #menu
      {
        
      }
      
      .item
      {
        color:black;
      }
      
      .item ul
      {
        list-style:none;
      }
      .item ul li
      {
        float:left;
        background-color:grey;
        margin:1px;
        padding:0px 25px 0px 25px;
        color:yellow;
      }
      #menu a:hover
      {
        background:red;
      }
    
    </style>
  </head>
  
  <body>
    <div id="menu">
      <div class="item">
        <ul>
          <li><a>item1</a></li>
          <li><a>item1</a></li>
          <li><a>item1</a></li>
          <li><a>item1</a></li>
        </ul>
      </div>
    </div>
    
  </body>
  
</html>