在實際的網頁開發中,經常需要通過CSS來控制表格中某些行的樣式,包括背景顏色、字體顏色等等。本文主要介紹如何使用CSS控制選擇行的顏色。
table tr:nth-child(even) { background-color: #f2f2f2; } table tr:nth-child(odd) { background-color: #ffffff; }
在如上代碼中,使用了:nth-child偽類來選擇表格中的偶數行和奇數行,并且給這些行設置不同的背景顏色(分別為#f2f2f2和#ffffff)。如果需要控制表格中一個特定的行,可以通過設置該行的class或者id來進行樣式控制。
table tr.special { background-color: yellow; }
上述代碼中,我們為表格中的某一行添加了一個.special的class,然后使用CSS來控制這一行的背景顏色為黃色。
除了背景顏色之外,還可以控制行的字體大小、字體顏色等等樣式,從而使表格更加美觀、易讀。
上一篇mysql報表app