admin
css怎么设置鼠标通过原素显示图片
本实例教程作业环境：windows7系统软件、CSS3&&HTML5版、Dell G3计算机。
在css中，可以用“:hover”选择符来达到鼠标经过原素表明图片效果。
:hover选择器特定在电脑鼠标挪到原素处时使用的独特款式。
下边根据编码实例来详细看一下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
div{
width: 400px;
height: 300px;
border: 1px solid red;
}
div:hover{
background: url(img/1.jpg);
background-size: 400px;
}
</style>
</head>
<body>
<div>将鼠标移动到div小盒子中：</div>
</body>
</html>设计效果图：
（学习培训视频共享：css视频教学）
代办报建
本公司承接江浙沪报建代办施工许可证。
联系人：张经理，18321657689（微信同号）。
12条评论
不错的帖子，值得收藏！http://hgfw.scifine.net/test/373784380.html
楼主的等级很高啊！http://test.cqyiyou.net/test/
楼主最近很消极啊！http://www.dnf70.com/2462.html
楼主的帖子越来越有深度了！http://o3v8.iy87.com
鉴定完毕！http://xw0.qlymj.net
不灌水就活不下去了啊！http://19ypb.daisengroup.cn
楼主今年多大了？http://iyjszm.zhijian.meszscdw.com
收藏了，改天让朋友看看！http://fjcr8d.zxpart.com
很有品味！http://73o.zzgkad.com
灌水不是我的目的！http://to2.szxstone.com
刚分手，心情不好！http://www.guangcexing.net/voddetail/KGSZjXV.html
今天怎么了，什么人都出来了！http://www.guangcexing.net/voddetail/GBgvABAs.html
发表评论