关于CSS 实现 LI 鼠标经过背景颜色切换效果的问题

关于CSS实现LI鼠标经过背景颜色切换效果的问题我在CSS中先设置了ulli{float:left;height:30px;line-height:30px;backgr... 关于CSS 实现 LI 鼠标经过背景颜色切换效果的问题

我在CSS中先设置了
ul li{ float:left;height:30px;line-height:30px;background:#FFEAF6;over-flow:hidden;margin-left:1px; padding-left:15px;padding-right:15px;}

再设置

ul li a{ display:block; background:#FFEAF6; }
ul li a:hover{background:yellow; }

产生的效果是鼠标经过的时候LI的背景颜色自动切换,但是PADDING掉的那部份却没有效果。
如何解决?
展开
 我来答
复来溪
2010-09-28
知道答主
回答量:2
采纳率:0%
帮助的人:0
展开全部
把ul li{}里面的background去掉;
或者:把padding-left和padding-right移动到ul li a{}里面;
或者:把ul li a{}里面的background去掉,然后把ul li a:hover改为ul li:hover.
YaopK
2010-09-27 · TA获得超过2065个赞
知道大有可为答主
回答量:1958
采纳率:0%
帮助的人:1743万
展开全部
padding那部分这当然是不会显示背景的啦,又不是用li:hover这样,想要显示,那把padding移到a里面吧。
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
jy07sg
2010-09-27 · TA获得超过1044个赞
知道小有建树答主
回答量:930
采纳率:0%
帮助的人:734万
展开全部
onmouseout="this.style.background=#000" onmouseover="this.style.background=#2d4b45"
上面是鼠标没经过的时候 #000
下面是鼠标经过的时候的颜色#2d4b45
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式