鼠标激活显示背景色，我们该如何编写这样的代码呢？我们来整理一下思路：把a里的部分设置成一个块元素，然后定义鼠标放上后的样式。css1中:hover只对a元素起作用，css2中:hover应用于所有元素．而ie7也没同样没有支持css2中的这个标准。所以为了适应所有浏览器还是要定义在a中.
代码运行效果：
nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">无序列表UL 鼠标激活显示背景色的实例 #links ul {list-style-type: none;width: 280px;}#links li {border: 1px dotted #06f;border-width: 1px 0;margin-bottom: 16px;}#links li a {color: #00f;display: block;font: bold 120% Arial, Helvetica, sans-serif;padding: 8px;text-decoration: none;}* html #links li a { /* make hover effect work in IE */width: 280px;}#links li a:hover {background: #f0f0f0; color:#036;}#links a em {color: #666;display: block;font: normal 85% Verdana, Helvetica, sans-serif;line-height: 125%;}#links a span {color: #999;font: normal 70% Verdana, Helvetica, sans-serif;line-height: 150%;}
登录后复制
以上就是显示背景色网页特效CSS代码的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/3123371.html
