h5导航跳色_咪咪导航

作者：weixin_40725706 | 2024-08-19 02:26:47

踩

咪咪导航

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8">
       <title></title>
       <style>
           .mm{
               color: aliceblue;
               width: 100px;
               height: 100px;
               background-color: darkred;
               /* a显示模式是行内模式，加宽高默认不生效，要转显示模式 */
               display: inline-block;
               /* 行高是上下文之间的距离，实际中他是50高度，而高度总和100，刚好位于中间 */
               line-height: 100px;
               text-align: center;
               text-decoration: none;
           }
           .mm:hover{
               background-color: aquamarine;
           }
       </style>
   </head>
   <body>
       <a href="#" class="mm">导航1</a>
       <a href="#" class="mm">导航2</a>
       <a href="#" class="mm">导航3</a>
       <a href="#" class="mm">导航4</a>
       <a href="#" class="mm">导航5</a>
   </body>
</html>

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/weixin_40725706/article/detail/1000415