html制作带边框线的表格
时间: 2023-08-30 19:12:20 浏览: 115
要制作带边框线的表格,可以在`<table>`标签中添加`border`属性,并设置为一个非零值,比如:
```html
<table border="1">
<tr>
<th>姓名</th>
<th>年龄</th>
<th>性别</th>
</tr>
<tr>
<td>张三</td>
<td>18</td>
<td>男</td>
</tr>
<tr>
<td>李四</td>
<td>20</td>
<td>女</td>
</tr>
</table>
```
这样就会在表格周围和每个单元格之间添加边框线。你可以根据需要调整边框线的粗细和颜色等属性。
相关问题
html制作标题也带表格边框线的表格
要让表格标题也带表格边框线,可以将`<caption>`标签放在`<table>`标签之外,并使用`<fieldset>`标签包围两个标签。下面是一个例子:
```html
<fieldset>
<legend>学生信息表</legend>
<table border="1">
<tr>
<th>姓名</th>
<th>年龄</th>
<th>性别</th>
</tr>
<tr>
<td>张三</td>
<td>18</td>
<td>男</td>
</tr>
<tr>
<td>李四</td>
<td>20</td>
<td>女</td>
</tr>
</table>
</fieldset>
```
上面的代码将创建一个带有标题和边框线的表格。`<legend>`标签用于添加表格标题,`<fieldset>`标签用于包围`<table>`和`<legend>`标签,并设置边框线。你可以根据需要调整表格标题和边框线的样式。
html制作有标题带边框线的表格
要制作带标题的表格,可以使用`<caption>`标签添加表格标题,同时也可以设置表格的边框线。下面是一个例子:
```html
<table border="1">
<caption>学生信息表</caption>
<tr>
<th>姓名</th>
<th>年龄</th>
<th>性别</th>
</tr>
<tr>
<td>张三</td>
<td>18</td>
<td>男</td>
</tr>
<tr>
<td>李四</td>
<td>20</td>
<td>女</td>
</tr>
</table>
```
上面的代码将创建一个带有标题的表格,并且设置了边框线。`<caption>`标签用于添加表格标题。你可以根据需要调整表格标题的样式。
阅读全文