【公告】網站目前停止所有的課程訂閱服務,原有學員權益不受影響,造成不便還請見諒,我們正在打造更多課程以及圖書,包含 Python 為主的課程主題,未來將會合併且擴充目前的課程內容,提供全新課程訂閱服務,感謝學員的支持。

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 – 快速建立表格換行條紋樣式


沒有留言: