有什么办法可以 使鼠标碰到div框内,div框内文字实现变色。
使用了onMouseOver并在该DIV样式a:hover里写颜色也实现不了。如下图,鼠标已经移到框内。可是文字没有我想要的白色!!...
使用了onMouseOver 并在该DIV样式a:hover里写颜色也实现不了。如下图,鼠标已经移到框内。可是文字没有我想要的白色!!
展开
4个回答
展开全部
第一种方法:
.c1 { width:100px; height:30px;}
.c1 a { color:#c60; display:block;}
.c1 a:hover { color:#000; }
<div class=“c1”>
<a href="">联系我们</a>
</div>
第二种方法:
.a1 { color:#c60;}
.a1:hover { color:#000;}
<div onmouseover="document.getElementById('aaa').className='a1'">
<a href=" " id="aaa">联系我们</a>
</div>
你自己看哪种适合你,希望对你有帮助
.c1 { width:100px; height:30px;}
.c1 a { color:#c60; display:block;}
.c1 a:hover { color:#000; }
<div class=“c1”>
<a href="">联系我们</a>
</div>
第二种方法:
.a1 { color:#c60;}
.a1:hover { color:#000;}
<div onmouseover="document.getElementById('aaa').className='a1'">
<a href=" " id="aaa">联系我们</a>
</div>
你自己看哪种适合你,希望对你有帮助
展开全部
这个要看你的结构,上楼把DIV放在A里面不大符合HTML语法,下面有个实例你看一下,不知道你的HTML和CSS写得对不对
div
<div class="a1"><a href=""></a>
css
a1.a{color:blue;}
a1.a:hover{color:#fff;}
希望能帮到你
div
<div class="a1"><a href=""></a>
css
a1.a{color:blue;}
a1.a:hover{color:#fff;}
希望能帮到你
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
把DIV放在A里面。然后
a:hover div{ color:#fff; }
a:hover div{ color:#fff; }
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
div是块级元素,不能放到A里面吧?直接再div里面写 onmouseover="this.style.color='#FFF'";不能实现?
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询