CSS3可以直接选择奇偶数,,#list li:nth-of-type(odd){ background:#00ccff;}奇数行 #list li:nth-of-type(even){ background:#ffcc00;}偶数行 123456如果不想用CSS3,怕有些低版本不支持的话,你只能用JS或者JQ来做,同理,JQ取行数的奇偶,给加上不同的样式就可以了。li:nth-chil...
html+css li实现不同行颜色不一样
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取行数的奇偶,给加上不同的样式就可以了。
2014-06-04
li:nth-child(2n){/*此处可以设置偶数行样式*/}2014-06-04
给同一行的两列分别设置 li 的宽度和高度 ,就可以啦2014-06-04