只使用CSS实现鼠标滑过一个元素控制另一个元素的显示与否

最新推荐文章于 2023-06-17 18:38:58 发布

想要成仙的菜鸟前端

最新推荐文章于 2023-06-17 18:38:58 发布

阅读量2.9k

点赞数

分类专栏： CSS

原文链接：https://blog.csdn.net/u011511086/article/details/78676111/

版权

CSS 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

    <style type="text/css">
      .container {
        width: 400px;
        height: 200px;
        border: 2px solid #ff0000;
      }
      .cu_toolbar {
        background-color: #8bb907;
        height: 100px;
        width: 100px;
        display: none;
      }
      .container:hover .cu_toolbar {
        display: block;
      }
    </style>



  <body>
    <div class="container">
      <div class="cu_toolbar"></div>
    </div>
  </body>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

想要成仙的菜鸟前端

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
只使用CSS实现鼠标滑过一个元素控制另一个元素的显示与否

<style type="text/css"> .container { width: 400px; height: 200px; border: 2px solid #ff0000; } .cu_toolbar { background-color: #8bb907; ...
复制链接

扫一扫