zoukankan      html  css  js  c++  java
  • html 去li的原点和a的下划线

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>jquery</title>
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript">

    </script>
    <style type="text/css">
    .level1 ,.level2 {
    list-style: none;  //去圆点

    }
    .level1 a,.level2 a {
    text-decoration: none;  //去下划线
    }


    </style>
    </head>

    <body>
    <div class="box">
    <ul class="menu">
    <li class="level1">
    <a href="#none">衬衫</a>
    <ul class="level2">
    <li><a href="#none">短袖衬衫</a></li>
    <li><a href="#none">短袖衬衫</a></li>
    <li><a href="#none">短袖衬衫</a></li>
    <li><a href="#none">短袖衬衫</a></li>
    <li><a href="#none">短袖衬衫</a></li>
    </ul>
    </li>
    <li class="level1">
    <a href="#none">卫衣</a>
    <ul class="level2">
    <li><a href="#none">短袖衬衫</a></li>
    <li><a href="#none">短袖衬衫</a></li>
    <li><a href="#none">短袖衬衫</a></li>
    <li><a href="#none">短袖衬衫</a></li>
    <li><a href="#none">短袖衬衫</a></li>
    </ul>
    </li>
    <li class="level1">
    <a href="#none">裤子</a>
    <ul class="level2">
    <li><a href="#none">短袖衬衫</a></li>
    <li><a href="#none">短袖衬衫</a></li>
    <li><a href="#none">短袖衬衫</a></li>
    <li><a href="#none">短袖衬衫</a></li>
    <li><a href="#none">短袖衬衫</a></li>
    </ul>
    </li>
    </ul>
    </div>

    </body>
    </html>

  • 相关阅读:
    python基础学习之路No.2 数据类型
    练习题 --- 猜数字游戏
    python基础学习之路No.1
    python+selenium第一步
    Self-introduction
    oracle中的number类型
    简单选项卡切换(二)
    简单选项卡切换(一)
    简单焦点轮播(二)(图片可滚动)
    简单焦点轮播(一)
  • 原文地址:https://www.cnblogs.com/tangtangsimida/p/7368090.html
Copyright © 2011-2022 走看看