css实现鼠标悬停改变图片

ZhangChuChu_9248

已于 2022-08-26 15:22:53 修改

阅读量778

点赞数

分类专栏： html/js/css 文章标签： css 前端 javascript

于 2022-08-25 19:57:05 首次发布

本文链接：https://blog.csdn.net/qq_45991812/article/details/126531447

版权

html/js/css 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

样式：

<style>
    .bshApp img:hover{
      content:url('bshsjjscpdf/bsh_four_bottom/btn_grd_hover.png');
    }
    .bshWeb img:hover{
      content:url('bshsjjscpdf/bsh_four_bottom/btn_jkglpt_hover.png');
    }
</style>

div

<div class="four-bottom">
    <div class="firstLine">
       <div class="bshApp ">
            <img class="bottomImg" src="bshsjjscpdf/bsh_four_bottom/btn_grd_normal.png"> 
       </div>
       <div class="bshWeb">
            <img class="bottomImg" src="bshsjjscpdf/bsh_four_bottom/btn_jkglpt_normal.png">
       </div>
    </div>
</div>

默认：