CSS 表格橫列樣式替換效果-Alternate table row

以下是兩個表格,分別透過CSS設定以呈現橫列樣式替換效果。

A13
B46
C25
D34
E56

HTMLBODYDIV
JavaScriptAPIObject
CSSCSS2CSS3
jQueryExjQuery Mobile

底下列舉所需之 CSS :

 tr:nth-child(even) {
            background-color: #f7f7f7;
            color: black;
 } 
tr:nth-child(odd) {
            background-color: silver;
            color: black;
 } 

jQuery 作法請參考  jQuery – 快速建立表格換行條紋樣式


沒有留言: