css中表格的制作表格 |css动画兼容火狐

<table>
<tr>
<th>表头1</th>
<th>表头2</th>
<th>表头3</th>
</tr>
<tr>
<td>单元格1</td>
<td>单元格2</td>
<td>单元格3</td>
</tr>
<tr>
<td>单元格4</td>
<td>单元格5</td>
<td>单元格6</td>
</tr>
</table>

上面的代码演示了一个最基本的HTML表格，但是它还不够漂亮。通过CSS，大家可以为表格添加样式。

首先，大家可以使用CSS设置表格边框的样式，颜色和宽度：

table {
border: 1px solid #ccc;
border-collapse: collapse;
width: 100%;
}
th, td {
border: 1px solid #ccc;
padding: 8px;
text-align: center;
}

其中，border-collapse: collapse属性可以使边框合并为一个单一的线条。padding属性可以设置单元格内边距，使表格看起来更加美观。text-align属性可以帮助大家居中文本。

大家还可以为表头单元格添加背景颜色和文本颜色：

th {
background-color: #f2f2f2;
color: #333;
}

这样，大家的表格就会看起来更加漂亮了。通过CSS，大家可以制作出多样化的表格，让网站的数据展示更加美观和易读。