本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
在css中，可以使用“:hover”选择器来实现鼠标经过元素显示图片效果。
:hover选择器指定在鼠标移到元素上时添加的特殊样式。
下面通过代码示例来具体看看：
div{
width: 400px;
height: 300px;
border: 1px solid red;
}
div:hover{
background: url(img/1.jpg);
background-size: 400px;
}
将鼠标移动到div盒子中：
效果图：
转载请注明：IT运维空间 » web技术 » css怎么设置鼠标经过元素显示图片 css中鼠标经过时显示图片
你可能喜欢:
继续浏览有关 css教程 的文章
发表评论