用css编写一个表格代码
时间: 2023-09-06 09:14:38 浏览: 79
好的,下面是一个简单的表格的代码,包含了表头和多行数据:
```html
<table>
<thead>
<tr>
<th>姓名</th>
<th>年龄</th>
<th>性别</th>
</tr>
</thead>
<tbody>
<tr>
<td>张三</td>
<td>25</td>
<td>男</td>
</tr>
<tr>
<td>李四</td>
<td>30</td>
<td>女</td>
</tr>
<tr>
<td>王五</td>
<td>28</td>
<td>男</td>
</tr>
</tbody>
</table>
```
在这个表格中,我们使用了`<table>`元素来创建表格,使用`<thead>`元素和`<th>`元素来创建表头行和表头单元格,使用`<tbody>`元素和`<tr>`元素来创建多行数据和每行的单元格。可以使用CSS来控制表格的样式,例如,可以给表格添加边框、填充、背景颜色等样式:
```css
table {
border-collapse: collapse;
}
th, td {
padding: 10px;
border: 1px solid #ccc;
}
th {
background-color: #f0f0f0;
font-weight: bold;
}
```
上面的CSS代码将表格的边框合并,同时给表格的每个单元格添加了填充和边框,给表头单元格添加了背景颜色和粗体字体。
阅读全文