表格的cellpadding与cellspacing两者区别介绍

最新推荐文章于 2021-06-05 10:46:20 发布

weixin_33980459

最新推荐文章于 2021-06-05 10:46:20 发布

阅读量799

点赞数

原文链接：https://yq.aliyun.com/articles/572880

版权

标题中的两个属性在表格中比较常用，但是有很多初学者可能会它们了解的不够精准，下面就通过代码实例介绍一下它们两者的作用和区别，希望能够给需要的朋友带来一定的帮助。

1.cellpadding:

看它的名称就知道它和padding有点类似。

它是用来设置单元格中文本内容和边框之间的距离。

2.cellspacing:

cell是单元格的意思，那么从字面意思是设置单元格之间或者单元格与外围边框的距离，事实也的确如此。

代码实例:

 
       <!DOCTYPE html>< 
       html 
       > 
      
 
       < 
       head 
       > 
      
 
       < 
       meta 
       charset 
       = 
       " utf-8" 
       > 
      
 
       < 
       meta 
       name 
       = 
       "author" 
       content 
       = 
       "http://www.softwhy.com/" 
       /> 
      
 
       < 
       title 
       >table细线表格-蚂蚁部落</ 
       title 
       > 
      
 
       < 
       style 
       type 
       = 
       "text/css" 
       >  
      
 
       table,table td{ 
      
 
          
       border:2px solid blue; 
      
 
       } 
      
 
       </ 
       style 
       >  
      
 
       </ 
       head 
       >  
      
 
       < 
       body 
       >  
      
 
       < 
       table 
       cellpadding 
       = 
       "5" 
       cellspacing 
       = 
       "10" 
       > 
      
 
          
       < 
       tr 
       > 
      
 
            
       < 
       td 
       >蚂蚁部落一</ 
       td 
       > 
      
 
            
       < 
       td 
       >蚂蚁部落二</ 
       td 
       > 
      
 
            
       < 
       td 
       >蚂蚁部落三</ 
       td 
       > 
      
 
            
       < 
       td 
       >蚂蚁部落四</ 
       td 
       > 
      
 
          
       </ 
       tr 
       > 
      
 
          
       < 
       tr 
       > 
      
 
            
       < 
       td 
       >蚂蚁部落一</ 
       td 
       > 
      
 
            
       < 
       td 
       >蚂蚁部落二</ 
       td 
       > 
      
 
            
       < 
       td 
       >蚂蚁部落三</ 
       td 
       > 
      
 
            
       < 
       td 
       >蚂蚁部落四</ 
       td 
       > 
      
 
          
       </ 
       tr 
       > 
      
 
          
       < 
       tr 
       > 
      
 
            
       < 
       td 
       >蚂蚁部落一</ 
       td 
       > 
      
 
            
       < 
       td 
       >蚂蚁部落二</ 
       td 
       > 
      
 
            
       < 
       td 
       >蚂蚁部落三</ 
       td 
       > 
      
 
            
       < 
       td 
       >蚂蚁部落四</ 
       td 
       > 
      
 
          
       </ 
       tr 
       > 
      
 
       </ 
       table 
       > 
      
 
       </ 
       body 
       >  
      
 
       </ 
       html 
       > 
      

原文发布时间为：2017-2-21

本文作者：admin

本文来自云栖社区合作伙伴“蚂蚁部落”，了解相关信息可以关注蚂蚁部落

原文链接：表格的cellpadding与cellspacing两者区别介绍

weixin_33980459

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
表格的cellpadding与cellspacing两者区别介绍

标题中的两个属性在表格中比较常用，但是有很多初学者可能会它们了解的不够精准，下面就通过代码实例介绍一下它们两者的作用和区别，希望能够给需要的朋友带来一定的帮助。1.cellpadding:看它的名称就知道它和padding有点类似。它是用来设置单元格中文本内容和边框之间的距离。2.cellspacing:cell是单元格的意思，那么从字面意思是...
复制链接

扫一扫