以下是兩個表格,分別透過CSS設定以呈現橫列樣式替換效果。
底下列舉所需之 CSS :
jQuery 作法請參考 jQuery – 快速建立表格換行條紋樣式
A | 1 | 3 |
B | 4 | 6 |
C | 2 | 5 |
D | 3 | 4 |
E | 5 | 6 |
HTML | BODY | DIV |
JavaScript | API | Object |
CSS | CSS2 | CSS3 |
jQuery | Ex | jQuery Mobile |
底下列舉所需之 CSS :
tr:nth-child(even) {
background-color: #f7f7f7;
color: black;
}
tr:nth-child(odd) {
background-color: silver;
color: black;
}
jQuery 作法請參考 jQuery – 快速建立表格換行條紋樣式
沒有留言:
張貼留言