{site_name}

{site_name}

🌜 搜索

CSS3 表格是指使用 CSS3 样式属性来改变 HTML 表格的外观和布局

前端 𝄐 0
css3表单,css中表格,css table表格,css表格样式大全,css写表格,css如何做表格
CSS3 表格是指使用 CSS3 样式属性来改变 HTML 表格的外观和布局。通过应用 CSS3 样式,可以实现各种自定义表格样式,例如更改单元格边框、添加阴影效果、改变字体和颜色等。

下面是一个简单的 CSS3 表格的例子:

HTML 代码:

<table>
<tr>
<th>姓名</th>
<th>年龄</th>
<th>性别</th>
</tr>
<tr>
<td>张三</td>
<td>25</td>
<td>男</td>
</tr>
<tr>
<td>李四</td>
<td>30</td>
<td>女</td>
</tr>
</table>


CSS3 代码:

table {
border-collapse: collapse; /* 合并边框 */
width: 100%; /* 宽度 */
}

th, td {
padding: 8px; /* 单元格内边距 */
text-align: left; /* 文本对齐方式 */
border-bottom: 1px solid #ddd; /* 底部边框 */
}

th {
background-color: #f2f2f2; /* 表头背景色 */
color: #333; /* 字体颜色 */
font-weight: bold; /* 粗体字 */
}


这段代码将创建一个带有灰色表头背景、粗体字和底部边框的表格。每个单元格中的文本将向左对齐,并带有 8 像素的内边距。