成都网站建设设计

将想法与焦点和您一起共享

css中table标签的结构与合并单元格的实例代码-创新互联

本篇内容介绍了“css中table标签的结构与合并单元格的实例代码”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

成都创新互联公司2013年至今,先为鼓楼等服务建站,鼓楼等地企业,进行企业商务咨询服务。为鼓楼企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

1.

标签的结构
示例代码:


复制代码 代码如下:

 


      
       
       
       
       
      
      
       
       
       
       
       
       
       
       
       
       
       
       
      
信息统计表
#
1
2
3
4



一个完整的例子:


复制代码 代码如下:


 


     
     
              
               
               
               
               
               
              
     
     
            
             
             
             
             
             
            
            
             
             
             
             
             
             
            
             
             
             
             
             
            
                    
             
             
             
             
             
     
信息统计表
#FirstnameLastnamePhoneQQ
1qianshou11111111111111111111
2qianshou11111111111111111111
3qianshou11111111111111111111
4qianshou11111111111111111111



css中table标签的结构与合并单元格的实例代码

2.合并上下的单元格(rowspan)

示例代码:


复制代码 代码如下:



      
       
        
        
        
        
        
        
        
       
      
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
        
      
信息统计表
#FirstnameLastnamePhoneQQ
1qianshou11111111111111111111
qianshou11111111111111111111
3qianshou11111111111111111111
4qianshou11111111111111111111



css中table标签的结构与合并单元格的实例代码

3.合并左右的单元格(colspan)

示例代码:


复制代码 代码如下:



 
   
     
     
     
     
     
     
     
   
 
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
 
信息统计表
#FirstnameLastnamePhoneQQ
1

这是合并了四个单元格

2qianshou11111111111111111111
3qianshou11111111111111111111
4qianshou11111111111111111111



css中table标签的结构与合并单元格的实例代码

“css中table标签的结构与合并单元格的实例代码”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联网站,小编将为大家输出更多高质量的实用文章!


网站名称:css中table标签的结构与合并单元格的实例代码-创新互联
文章转载:http://chengdu.cdxwcx.cn/article/cdgggg.html