您好，登录后才能下订单哦！
密码登录
登录注册
点击 登录注册 即表示同意《亿速云用户服务条款》
合并单元格
之前的文章中，我们已经能够创建一个简单地表格了，如果我们需要把横向的某两个相邻单元格<td>或者纵向的某两个相邻单元格<td>合并，我们该怎么做呢？我们要知道的知识点如下：
1.标签<td>的[colspan]属性规定单元格可横跨的列数，即横向合并的单元格数；
2.标签<td>的[rowspan] 属性规定单元格可横跨的行数，即纵向合并的单元格数；
3.这2个标签也可以同时使用。
样式示例：
现在就来试试合并单元格吧：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>创建一个多行多列的表格</title>
</head>
<body>
<h2>创建一个多行多列的表格</h2>
<table border="1">
<tr><td colspan="2">第一个单元格</td><td>第二个单元格</td><td>第三个单元格</td></tr>
<tr><td rowspan ='2'>第四个单元格</td><td>第五个单元格</td><td>第六个单元格</td></tr>
<tr><td>第七个单元格</td><td>第八个单元格</td><td>第九个单元格</td></tr>
</table>
</body>
</html>
结果是这样的：更多学习内容，请前往http://www.mayacoder.com/lesson/index
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。