在html中加入tablestyle
时间: 2023-10-13 10:44:49 浏览: 37
要在HTML中添加表格样式,您可以使用CSS来控制表格的外观。以下是一个示例,演示如何在HTML中添加表格样式:
```html
<!DOCTYPE html>
<html>
<head>
<style>
table {
border-collapse: collapse; /* 合并表格边框 */
width: 100%; /* 表格宽度 */
}
th, td {
padding: 8px; /* 单元格内边距 */
text-align: left; /* 文字对齐方式 */
border-bottom: 1px solid #ddd; /* 单元格底部边框 */
}
th {
background-color: #f2f2f2; /* 表头背景颜色 */
color: #333; /* 表头文字颜色 */
}
</style>
</head>
<body>
<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>
</body>
</html>
```
在上述示例中,我们使用了`<style>`标签来定义CSS样式。`table`选择器用于设置整个表格的样式,`th`和`td`选择器用于设置表头和单元格的样式。您可以根据需要自定义样式属性,例如背景颜色、文字颜色、边框等。