写一个网页表格,7列,表格内容都居中,第一列宽10px,第二列宽50px
时间: 2023-12-23 21:02:15 浏览: 117
以下是一个简单的例子:
```html
<table style="width: 100%;">
<thead>
<tr>
<th style="width: 10px;"></th>
<th style="width: 50px;"></th>
<th></th>
<th></th>
<th></th>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align: center;"></td>
<td style="text-align: center;"></td>
<td style="text-align: center;"></td>
<td style="text-align: center;"></td>
<td style="text-align: center;"></td>
<td style="text-align: center;"></td>
<td style="text-align: center;"></td>
</tr>
<tr>
<td style="text-align: center;"></td>
<td style="text-align: center;"></td>
<td style="text-align: center;"></td>
<td style="text-align: center;"></td>
<td style="text-align: center;"></td>
<td style="text-align: center;"></td>
<td style="text-align: center;"></td>
</tr>
<!-- ... -->
</tbody>
</table>
```
其中,`<thead>` 标签用于定义表格的表头部分,`<tbody>` 标签用于定义表格的主体部分。`<tr>` 标签用于定义表格的行,`<th>` 标签用于定义表格的表头单元格,`<td>` 标签用于定义表格的数据单元格。
在上面的例子中,通过设置单元格的 `style` 属性来设置单元格的样式,包括宽度和居中对齐。`width: 100%;` 表示表格的宽度占据父元素的宽度,因此可以根据需要调整表格的宽度。
阅读全文