在下面的示例中,偶将展示如何使用 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 可以实现很多效果,例如表格边框样式、表头样式、表格行、列的背景色等。大家可以根据实际需求来添加相应的样式,使表格看起来更加美观、易读。