关于css div的内联样式的hover背景写法
<divstyle="width:400px;height:190px;border:1pxsolid#000000;background-color:#FF0000;f...
<div style="width:400px; height:190px; border: 1px solid #000000; background-color: #FF0000; font:30px ;color:#FFFF00">
<div style="width:395px;height:30px; background-color:#00CCFF; margin-left:3px" >
<ul style="list-style:none;width:390px;height:30px">
<li style="float:left;text-align:center;width:80px;height:30px;line-height:30px"><a href="#" style="width:100%;height:100%; display:block; background-image:url(images/fgdf1.gif)repeat-x">网站首页</a></li>
<li style="float:left;text-align:center;width:80px;height:30px;line-height:30px"><a href="#" >技术文档</a></li>
<li style="float:left;text-align:center;width:80px;height:30px;line-height:30px"><a href="#" >美女写真</a></li>
<li style="float:left;text-align:center;width:80px;height:30px;line-height:30px"><a href="#" >经典论坛</a></li>
</ul>该怎么写hover的背景颜色呢？我在<A>里面这样写没有效果啊？谢谢你们的帮助啊 展开
<div style="width:395px;height:30px; background-color:#00CCFF; margin-left:3px" >
<ul style="list-style:none;width:390px;height:30px">
<li style="float:left;text-align:center;width:80px;height:30px;line-height:30px"><a href="#" style="width:100%;height:100%; display:block; background-image:url(images/fgdf1.gif)repeat-x">网站首页</a></li>
<li style="float:left;text-align:center;width:80px;height:30px;line-height:30px"><a href="#" >技术文档</a></li>
<li style="float:left;text-align:center;width:80px;height:30px;line-height:30px"><a href="#" >美女写真</a></li>
<li style="float:left;text-align:center;width:80px;height:30px;line-height:30px"><a href="#" >经典论坛</a></li>
</ul>该怎么写hover的背景颜色呢？我在<A>里面这样写没有效果啊？谢谢你们的帮助啊 展开
2个回答
展开全部
<html>
<head>
<style type="text/css">
ul{list-style:none; height:100px; background:red;}
li{float:left; width:80px; height:30px; line-height:30px; text-align:center;}
ul li a{display:inline-block; width:80px; height:30px; }
ul li a:hover{background:yellow;}
</style>
</head>
<body>
<ul>
<li><a href="#" >网站首页</a></li>
<li><a href="#" >网站首页</a></li>
<li><a href="#" >网站首页</a></li>
<li><a href="#" >网站首页</a></li>
</ul>
</body>
</html>
少年 看看是不是这样。
<head>
<style type="text/css">
ul{list-style:none; height:100px; background:red;}
li{float:left; width:80px; height:30px; line-height:30px; text-align:center;}
ul li a{display:inline-block; width:80px; height:30px; }
ul li a:hover{background:yellow;}
</style>
</head>
<body>
<ul>
<li><a href="#" >网站首页</a></li>
<li><a href="#" >网站首页</a></li>
<li><a href="#" >网站首页</a></li>
<li><a href="#" >网站首页</a></li>
</ul>
</body>
</html>
少年 看看是不是这样。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
抱歉，hover只能写在<style>里，不能写行内样式。
更多追问追答
追问
哪还有其他的方法在内联样式中写只要鼠标指上去就能实现换背景的效果吗？
追答
没有。
你应该是做淘宝的吧？
有2种方法可以实现。
1、里写伪类。
2、用淘宝提供的组件widget写这个效果。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
