如何用CSS定義表格行背景色交替出現？_Div+CSS教程

　　
　　應用div css網頁布局，表格的使用已經非常少了，至少table表格只是作為內容數據，并不再作為頁面布局的手段。

　　表格數據是很常見的數據格式，如產品列表，產品參數，數值等等，有時候表格數據的每一行占據了比較寬的位置，我們往往通過定義行背景色交替，讓用戶瀏覽更加的清楚。

　　我們可以用CSS定義表格行背景色交替嗎？或許你立即就想到了class，用class來定義背景色，然后在不同的行設置不同的class就可以現實了。這只是方法之一，我們的數據假如有幾十行，上百行，這個方法也稍嫌繁瑣了一些。

　　我們可以通過css的expression屬性，批量定義表格行背景色交替。

　　css的expression用來把CSS屬性和Javascript表達式關聯起來，這里的CSS屬性可以是元素固有的屬性，也可以是自定義屬性。就是說CSS屬性后面可以是一段Javascript表達式，CSS屬性的值等于Javascript表達式計算的結果。 在表達式中可以直接引用元素自身的屬性和方法，也可以使用其他瀏覽器對象。這個表達式就似乎是在這個元素的一個成員函數中一樣。

　　我們以具體的實例來看它的實現方法，以下是CSS代碼：


　　一句話就可以聲明一切了。我們看最終的運行效果：


　　我們成功的實現了表格行背景色（#F0F0F0，#DDD）交替出現，不需要每行單獨定義。
　　需要你非凡注重的是css的expression屬性，IE5.5以后版本并不支持。