HTML表格中的colspan和rowspan属性怎么用
表格中的colspan和rowspan
colspan 属性规定单元格可横跨的列数 colspan="2"
rowspan 属性规定单元格可横跨的行数 rowspan="2"
1 <!DOCTYPE html> 2 <html lang="zh-cn"> 3
4 <head> 5
<meta charset="UTF-8"> 6
<meta name="viewport" content="width=device-width, initial-scale=1.0"> 7
<meta http-equiv="X-UA-Compatible" content="ie=edge"> 8
<title>Demo</title> 9 </head>10 11 <body>12
13
<section>14
<h2>表格</h2>15
<table border="1">16
<thead>17
<tr>18
<th>表头1</th>19
<th>表头2</th>20
<th>表头3</th>21
</tr>22
</thead>23
<tbody>24
<tr>25
<td>数据1</td>26
<td>数据2</td>27
<td>数据3</td>28
</tr>29
<tr>30
<td colspan="2">数据colspan可横跨的列数1</td>31
<td>数据3</td>32
</tr>33
<tr>34
<td rowspan="2">数据rowspan可横跨的行数1</td>35
<td>数据2</td>36
<td>数据3</td>37
</tr>38
<tr>39
<td>数据2</td>40
<td>数据3</td>41
</tr>42
</tbody>43
</table>44
</section>45
46 </body>47 48 </html>
本文标题:HTML表格中的colspan和rowspan属性怎么用
本文链接:https://www.qqooo.cn/post/6753.html
版权说明:网站文章均来源于手工整理和网友投稿,若有不妥之处请来信 xsds@vip.qq.com 处理,谢谢!