关于网页a:hover问题_html/css_WEB-ITnose

现在我做的效果是这样

但是我现在想要的效果是这样

CSS代码如下
[img=http:/

     a{ color:#FFFFFF; text-decoration:none;}	 a:hover{ background-color:#F71469; text-decoration:none;background-image:none;}	.mainNav{background:#ff478c; font-size:18px; height:45px; line-height:12px; overflow:hidden;}	.mainNav ul{list-style:none; list-style-position:outside; list-style-image:none;}	.mainNav ul li{ float:left;}	.mainNav ul li a{padding:0 30px; text-decoration:none; text-align:center;}

HTML代码

到底该怎么整呀

回复讨论(解决方案)