如何设置跨行；html如何设置表格跨行

2025-04-24 11:14:06

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>&造婷用痃lt;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。