如何设置跨行;html如何设置表格跨行
1、打开前端开发工具,新建一个html代码页面。如图:

2、在html代码页面创建<table>、<tr>、<td>标签,然后在<td>标签中添加 rowspan="3",rowspan设置需要跨的行数。
代码
<table border="1" style="width: 300px;">
<tr>
<td rowspan="3">季度收入</td>
<td>1月收入10万</td>
</tr>
<tr>
<td>2月收入12万</td>
</tr>
<tr>
<td>3月收入15万</td>
</tr>
</table>

3、保存html代码,使用浏览器打开即可看到效果。如图:

4、所有代码。可以直接复制下面的所有代码,粘贴到新建的html文件上,保存后运行即可看到跨行效果。
所有代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>表格隔行</title>
</head>
<body>
<table border="1" style="width: 300px;">
<tr>
<td rowspan="3">季度收入</td>
<td>1月收入10万</td>
</tr>
<tr>
<td>2月收入12万</td>
</tr>
<tr>
<td>3月收入15万</td>
</tr>
</table>
</body>
</html>
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:44
阅读量:45
阅读量:192
阅读量:73
阅读量:172