您的位置：首页 > Web前端 > HTML

html特殊表格(colspan,rowspan)

2017-08-17 16:08 441 查看 
colspan
和
rowspan
这两个属性用于创建特殊的表格。

colspan
用来指定单元格横向跨越的列数：colspan就是合并列的，colspan=2的话就是合并两列。

rowspan用来
指定单元格纵向跨越的行数:rowspan就是用来合并行的，比如rowspan=2就是合并两行，

rowspan通常使用在td和th标签中
row:行,span:跨度,跨距,范围
col:列,span:跨度,跨距,范围

<body>
<table border="1" width="300">
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
</table>
</br>
<table border="1" width="300">
<tr>
<td colspan=3>合并第一行的三列</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
</table>
</br>
<table border="1" width="300">
<tr>
<td rowspan="2">合并第一列的两行</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>5</td>
<td>6</td>
</tr>
</table>
</body>


在浏览器中将显示如下


                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航