首页 网络技术
  1. 正文

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 处理,谢谢!