CSS中可以通过字体样式的设置来调整表格中文字的样式,包括字体、字号、文字颜色等参数。<table> <tbody> <tr&am
CSS中可以通过字体样式的设置来调整表格中文字的样式,包括字体、字号、文字颜色等参数。
<table> <tbody> <tr> <th>姓名</th> <th>年龄</th> <th>职业</th> </tr> <tr> <td>小明</td> <td>25</td> <td>程序猿</td> </tr> <tr> <td>小红</td> <td>23</td> <td>UI设计师</td> </tr> </tbody> </table>
通过使用CSS样式,在表格的<style>
标签中添加如下代码,来设置表格中的字体样式:
table { font-family: Arial, sans-serif; /* 设置字体,首选Arial字体 */ font-size: 12px; /* 设置字号 */ color: #333; /* 设置文字颜色 */ } th, td { padding: 5px; /* 设置单元格内边距,增加可读性 */ border: 1px solid #ccc; /* 设置单元格边框,增加可读性 */ }
在上面的代码中,table
选择器是应用于整个表格的,th
和td
选择器则应用于表头和单元格。
除了上述基本样式外,还可以通过text-align
属性来设置单元格中文字的对齐方式,如下所示:
th, td { text-align: center; /* 水平居中对齐 */ vertical-align: middle; /* 垂直居中对齐 */ }
通过上述CSS样式的应用,可以轻松地设置表格中的字体样式,从而使表格内容更加美观和易读。
粉丝
0
关注
0
收藏
0