qq_59525852 2021-06-24 21:37 采纳率: 50%
浏览 12

这个导航 浮动+盒子模型 这么写代码

 

  • 写回答

1条回答 默认 最新

  • 微软技术分享 全栈领域优质创作者 2023-06-15 12:33
    关注

    您好,这个需求就是一个浮动菜单,如果是html来写很容易就能实现。

    <!DOCTYPE html>
    <html>
    <head>
    <style>
    .menu {
      list-style-type: none;
      margin: 0;
      padding: 0;
      overflow: hidden;
    }
    
    .menu li {
      float: left;
    }
    
    .menu li a {
      display: block;
      padding: 8px 16px;
      text-decoration: none;
    }
    
    .menu li a:hover {
      background-color: #ddd;
    }
    </style>
    </head>
    <body>
    
    <ul class="menu">
      <li><a href="#">1</a></li>
      <li><a href="#">2</a></li>
      <li><a href="#">3</a></li>
      <li><a href="#">4</a></li>
    </ul>
    
    </body>
    </html>
    

    效果图如下:

    img

    评论

报告相同问题?

悬赏问题

  • ¥15 关于#wireshark#的问题:并且能够给数据做标注,如这个流量是在看视频或者是在转账
  • ¥90 请问,这个视频播放软件的名称,用过的朋友请给答案,上方..avi是啥意思?是看短剧还是播放本地视频?
  • ¥15 运筹优化,gurobi,python
  • ¥15 基于python的电影系统推荐
  • ¥20 springmvc重定向和返回json
  • ¥15 数学建模——参会安排怎么做
  • ¥15 电脑键盘实现触摸功能
  • ¥25 matlab无法将表达式转换为双数组怎么解决?
  • ¥15 单片机汇编语言相关程序
  • ¥20 家用射频美容仪技术规格