html怎么设置li标签一浮上去就变颜色

<li><a href="#">背景颜色</a></li> li a{width:200px height:25px line-height:25px display:block}

li a:hover{background:#666}

这样就可以了。li:hover{}这样可以可以，但是IE6不支持这样伪类；只好加上a:hover了，用javascript也可实现。

……由于CSS的层叠（cascading），a元素继承自li的样式被浏览器的a元素的默认样式给覆盖了。如下图

可以让a的颜色默认继承父级，这样

a {

 color: inherit

}

不过这种写法兼容性不太好，建议还是重写a的样式……

CSS3可以直接选择奇偶数，，

<style>

#list li:nth-of-type(odd){ background:#00ccff}奇数行 

#list li:nth-of-type(even){ background:#ffcc00}偶数行 

</style>

<ul id="list">

<li>1</li>

<li>2</li>

<li>3</li>

<li>4</li>

<li>5</li>

<li>6</li>

</ul>

如果不想用CSS3，怕有些低版本不支持的话，你只能用JS或者JQ来做，

同理，JQ取行数的奇偶，给加上不同的样式就可以了。

---