hover伪类

最新推荐文章于 2022-12-21 15:34:35 发布

Jason–json

最新推荐文章于 2022-12-21 15:34:35 发布

阅读量201

点赞数

文章标签： css html

本文链接：https://blog.csdn.net/weixin_46146313/article/details/104099193

版权

hover伪类
作用：鼠标移入触发指定的样式鼠标移出回到初始样式整个css样式都不会被加载
：前是hover固定的写法触发者
：后是添加hover伪类的目标指定目标最好是单一的
hover后是显示者伪类的属性至少写三个以上

    <style>
        .box{
            width: 100px;
            height: 100px;
            background-color: red;
            transition: all 2s;
        }
        .box:hover{
            width: 100px;
            height: 100px;
            border-radius: 50%; 
            /* 鼠标移入切园 */
            background-color: yellow;
            /* 鼠标移入颜色变黄 */
        }
    </style>
<body>
    <div class="box"></div>
</body>

Jason–json

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
hover伪类

hover伪类作用：鼠标移入触发指定的样式鼠标移出回到初始样式整个css样式都不会被加载：前是hover固定的写法触发者：后是添加hover伪类的目标指定目标最好是单一的hover后是显示者伪类的属性至少写三个以上 <style> .box{ width: 100px; height: 100px; ...
复制链接

扫一扫