下面大家来演示一下如何利用CSS制作出精美的表格：
<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>25</td>
<td>男</td>
</tr>
</tbody>
</table>
<style>
/* 表格样式 */
table {
border-collapse: collapse;
font-size: 14px;
width: 600px;
margin: 0 auto;
text-align: center;
}
th, td {
border: 1px solid #ccc;
padding: 10px;
}
th {
background-color: #f4f4f4;
color: #333;
font-weight: bold;
}
tbody tr:nth-child(even) {
background-color: #f9f9f9;
}
</style>通过上述代码和样式，大家可以得到一张漂亮的表格。其中，table的一些样式包括：
- border-collapse：边框重复的单元格被合并。
- font-size：文字大小。
- width：宽度。
- margin：外边距。
- text-align：文字对齐方式。
而th、td的一些样式是表格例如下：
- border：边框。
- padding：内填充空间。
- background-color：背景颜色。
- color：文字颜色。
- font-weight：文字加粗。
此外，为了让表格更美观，大家还设置了tbody tr:nth-child(even)，当表格行为偶数时，给其添加背景颜色。
通过这些样式的运用，大家可以制作出美观的表格，提升用户体验。希望这篇文章对你有所帮助。