cellpadding，cellspacing都是废弃的属性了，早已不推荐使用，最新的html5里已经彻底去掉了这些表现型的属性。

最新推荐文章于 2022-11-10 17:00:28 发布

ole_triangle_java

最新推荐文章于 2022-11-10 17:00:28 发布

阅读量5.2k

点赞数

这两个参数都是html中table标签的参数。

cellpadding 是边框与其内容的间隙大小；

cellspacing 是边框与边框之间的间隙大小；

cellpadding，cellspacing都是废弃的属性了，早已不推荐使用，最新的html5里已经彻底去掉了这些表现型的属性。
正确的做法是，合并表格边框，然后用th，td的padding设置内容和边框之间的空隙。
table {
  border-collapse: collapse;
}
th, td {
  padding: 0.3em 1em;
} 
另外补充一点，尽早放弃在html里写表现型属性的习惯，或者表现型标签<font>等，css可以满足全部需求。现在还不能完全摒弃表现型的属性，比如width，或者是行内样式，如果不支持css3的浏览器都淘汰了，就可以和它们说拜拜了。

如果你现在开始用html5的声明来写页面时，你会发现在定义table的cellspacing和cellpadding时被提示该属性已过时或者提示非法属性。具体原因是在html5中table标签的这两个属性已经被移除，需要定义边框之类的时应该使用css的写法

具体实现如下：

 
       <!DOCTYPE html> 
      
       < 
       html  
       xmlns 
       = 
       "http://www.w3.org/1999/xhtml" 
       > 
      
       < 
       head 
       > 
      
       < 
       title 
       >Html5 Table Test</ 
       title 
       > 
      
       < 
       style  
       type 
       = 
       "text/css" 
       > 
      
       table{ border-collapse:collapse; border:solid 1px Black; } 
      
       table td{ width:50px; height:20px;  border:solid 1px Black; padding:5px;} 
      
       </ 
       style 
       > 
      
       </ 
       head 
       > 
      
       < 
       body 
       > 
      
       < 
       table 
       > 
      
       < 
       tr 
       > 
      
       < 
       td 
       ></ 
       td 
       > 
      
       < 
       td 
       ></ 
       td 
       > 
      
       </ 
       tr 
       > 
      
       < 
       tr 
       > 
      
       < 
       td 
       ></ 
       td 
       > 
      
       < 
       td 
       ></ 
       td 
       > 
      
       </ 
       tr 
       > 
      
       </ 
       table 
       > 
      
       </ 
       body 
       > 
      
       </ 
       html 
       >

效果图如下:

代码的关键点在于border-collapse:collapse; 和 border:solid 1px Black;。对于padding的定义大家都比较熟悉了，这里主要讲一下的是border-collapse中的collapse和separate值，定义为collapse时，他们的边框会重叠在一起，定义为separate时单元格边框之间会有间隙。不定义时默认为separate。 separate情况下的效果图如下：