css创建表格代码 |css3填充式动画特效

<table><tr><th>姓名</th><th>年龄</th><th>性别</th></tr><tr><td>小明</td><td>18</td><td>男</td></tr><tr><td>小红</td><td>20</td><td>女</td></tr></table>

上面的代码是一个基本的HTML表格。接下来大家来添加CSS样式，让表格更加美观。

table{
border-collapse:collapse;
width: 100%;
}
th, td{
border: 1px solid #ddd;
text-align: left;
padding: 8px;
}
th{
background-color: #f2f2f2;
}
tr:nth-child(even){
background-color: #f2f2f2;
}

上面的代码添加了一些基本的样式，如表格边框、单元格填充、底纹等等。现在大家已经完成了一个简单却美观的表格。

在实际开发中，表格样式的定制可以更加灵活，比如调整字体大小、颜色、边框样式等等。只要掌握了CSS的基本思想和语法，就可以轻松地实现任何样式的表格。