CSS表格可以讓我們展示數據更加美觀、清晰。在表格中,有時候我們需要突出顯示某一行數據,這時就可以使用CSS給這一行添加背景色。下面是一個示例代碼:
table tr.highlight { background-color: yellow; }
在這個代碼中,我們定義了一個CSS選擇器,它會選中表格中class為highlight的行,并將它們的背景色設為黃色。為了使用這個樣式,我們需要在HTML中給相應的行添加class。
具體來說,我們可以在表格的
<table> <tr> <th>Name</th> <th>Age</th> <th>City</th> </tr> <tr> <td>Jane</td> <td>25</td> <td>Paris</td> </tr> <tr class="highlight"> <td>John</td> <td>30</td> <td>New York</td> </tr> <tr> <td>Tom</td> <td>22</td> <td>London</td> </tr> </table>
在上面的代碼中,我們給第三行添加了class="highlight",這樣它就會顯示為黃色背景。
總之,通過CSS給表格的某一行添加背景色可以讓我們突出顯示某些數據,更加清晰地展示表格內容。