您现在的位置: 首页 > 站长学院 > CSS

纯css 鼠标悬停滑过显示块,移开消失!

来源:源码网 发布时间:2020-07-08 09:04:08热度:IT源码网
纯css 鼠标悬停滑过显示块,移开消失!代码如下(仅供参考)。

--------------------------------------
<!DOCTYPE html>
<html>
<head>
    <title></title>
    <style type="text/css">
    .wrapsd div.more-box{display:none;width: 300px;border:1px solid #eee;}
    .wrapsd:hover div.more-box{display:block;margin-right:10px;}

        
</style>
</head>
<body>
  <div class="wrapsd">
                <a href="">更多</a>

              <div class="more-box">
                  <a href="">添加</a>
                  <a href="">添加</a>
                  <a href="">添加</a>
              </div>
                  
</div>
</body>
</html>
--------------------------
 
    责任编辑:老铁