在網頁設計中,表格是常用的元素之一,在設計過程中使用 CSS 可以對表格進行優美的呈現。
在下面的示例中,我將展示如何使用 CSS 來將表格的字體變成紅色。
/* HTML 代碼 */ <table> <thead> <tr> <th>姓名</th> <th>年齡</th> <th>性別</th> </tr> </thead> <tbody> <tr> <td>張三</td> <td>20</td> <td>男</td> </tr> <tr> <td>李四</td> <td>22</td> <td>女</td> </tr> <tr> <td>王五</td> <td>24</td> <td>男</td> </tr> </tbody> </table> /* CSS 代碼 */ table { font-size: 16px; color: #f00; }
通過添加上面的 CSS 代碼,我們可以看到表格的字體已經變成了紅色。
在表格中使用 CSS 可以實現很多效果,例如表格邊框樣式、表頭樣式、表格行、列的背景色等。我們可以根據實際需求來添加相應的樣式,使表格看起來更加美觀、易讀。
上一篇mysql求平均數和總數
下一篇css 表格內居中