css中伪类hover的使用
假如我一个div定义背景颜色为黄色,鼠标经过改变为红色怎么定义!!不是连接就一个普通的div.conet_k{{border:1pxsolid#ACCFE3;backgr...
假如我一个div定义背景颜色为黄色,鼠标经过改变为红色怎么定义!!不是连接 就一个普通的div
.conet_k{{border:1px solid #ACCFE3; background-color:#FFFFFF;}
.conet_k:hover{background-color:#EEF7FF;}
这样行吗 但是好像没效果哦 ie7
必须要先给div定义背景颜色才可以使用伪类吗 展开
.conet_k{{border:1px solid #ACCFE3; background-color:#FFFFFF;}
.conet_k:hover{background-color:#EEF7FF;}
这样行吗 但是好像没效果哦 ie7
必须要先给div定义背景颜色才可以使用伪类吗 展开
展开全部
用:hover伪类即可实现
HTML代码示例如下:
<div class="text">
找兼职工作,欢迎访问兼职地!
http://www.jianzhidi.com
</div>
CSS代码示例如下:
.text { background-color:#FF0000;}
.text:hover { background-color:#FFFF00;}
当然,也可以用onMouseOver事件和onMouseOut事件实现。参考代码如下:
<div style="background-color:#FF0000" onmouseover="this.style.backgroundColor='#FFFF00'" onmouseout="this.style.backgroundColor='#FF0000'">
这里输入内容
</div>
HTML代码示例如下:
<div class="text">
找兼职工作,欢迎访问兼职地!
http://www.jianzhidi.com
</div>
CSS代码示例如下:
.text { background-color:#FF0000;}
.text:hover { background-color:#FFFF00;}
当然,也可以用onMouseOver事件和onMouseOut事件实现。参考代码如下:
<div style="background-color:#FF0000" onmouseover="this.style.backgroundColor='#FFFF00'" onmouseout="this.style.backgroundColor='#FF0000'">
这里输入内容
</div>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询