溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶(hù)服務(wù)條款》

HTML表格中的colspan和rowspan屬性怎么用

發(fā)布時(shí)間：2022-03-21 15:21:30 來(lái)源：億速云 閱讀：291 作者：iii 欄目：web開(kāi)發(fā)

這篇“HTML表格中的colspan和rowspan屬性怎么用”文章的知識(shí)點(diǎn)大部分人都不太理解，所以小編給大家總結(jié)了以下內(nèi)容，內(nèi)容詳細(xì)，步驟清晰，具有一定的借鑒價(jià)值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來(lái)看看這篇“HTML表格中的colspan和rowspan屬性怎么用”文章吧。

表格中的colspan和rowspan

colspan  屬性規(guī)定單元格可橫跨的列數(shù) colspan="2"

rowspan 屬性規(guī)定單元格可橫跨的行數(shù) 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>數(shù)據(jù)1</td>
26                     <td>數(shù)據(jù)2</td>
27                     <td>數(shù)據(jù)3</td>
28                 </tr>
29                 <tr>
30                     <td colspan="2">數(shù)據(jù)colspan可橫跨的列數(shù)1</td>
31                     <td>數(shù)據(jù)3</td>
32                 </tr>
33                 <tr>
34                     <td rowspan="2">數(shù)據(jù)rowspan可橫跨的行數(shù)1</td>
35                     <td>數(shù)據(jù)2</td>
36                     <td>數(shù)據(jù)3</td>
37                 </tr>
38                 <tr>
39                     <td>數(shù)據(jù)2</td>
40                     <td>數(shù)據(jù)3</td>
41                 </tr>
42             </tbody>
43         </table>
44     </section>
45    
46 </body>
47 
48 </html>

以上就是關(guān)于“HTML表格中的colspan和rowspan屬性怎么用”這篇文章的內(nèi)容，相信大家都有了一定的了解，希望小編分享的內(nèi)容對(duì)大家有幫助，若想了解更多相關(guān)的知識(shí)內(nèi)容，請(qǐng)關(guān)注億速云行業(yè)資訊頻道。

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手