使用原生table制作三列三行带标题简单表格
时间: 2023-06-08 21:04:31 浏览: 86
好的,下面是使用原生table制作三列三行带标题的简单表格的代码:
```
<table>
<thead>
<tr>
<th>标题1</th>
<th>标题2</th>
<th>标题3</th>
</tr>
</thead>
<tbody>
<tr>
<td>行1列1</td>
<td>行1列2</td>
<td>行1列3</td>
</tr>
<tr>
<td>行2列1</td>
<td>行2列2</td>
<td>行2列3</td>
</tr>
<tr>
<td>行3列1</td>
<td>行3列2</td>
<td>行3列3</td>
</tr>
</tbody>
</table>
```
希望这能帮到你!
相关问题
使用原生table制作三列三行简单表格
好的,请稍等片刻,我为您准备代码:
```
<table>
<tr>
<td>第一列第一行</td>
<td>第二列第一行</td>
<td>第三列第一行</td>
</tr>
<tr>
<td>第一列第二行</td>
<td>第二列第二行</td>
<td>第三列第二行</td>
</tr>
<tr>
<td>第一列第三行</td>
<td>第二列第三行</td>
<td>第三列第三行</td>
</tr>
</table>
```
希望能对您有所帮助。
原生table表格实现带边框
你好!要实现带边框的table表格,可以使用CSS样式来设置。以下是一个示例:
```html
<table border="1">
<tr>
<th>姓名</th>
<th>年龄</th>
</tr>
<tr>
<td>张三</td>
<td>20</td>
</tr>
<tr>
<td>李四</td>
<td>25</td>
</tr>
</table>
```
CSS样式:
```css
table {
border-collapse: collapse;
width: 100%;
}
th, td {
text-align: left;
padding: 8px;
}
th {
background-color: #dddddd;
}
td {
border: 1px solid #dddddd;
}
```
这个示例中,`border="1"`是HTML属性,在表格中设置边框宽度为1像素。CSS样式中,`border-collapse: collapse`设置表格边框合并,`th`和`td`分别设置表头和表格单元格的样式,其中`td`设置边框为1像素的灰色。