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

这两个参数都是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>

</tr>

<tr>

<td></td>

</tr>

</table>

</body>

</html>

效果图如下:

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

代码定义很简单，也是早版本浏览器就支持的东西，只是以前我们一些人习惯用cellspacing和cellpadding来定义，但这两个属性在html5中将要移除，所以需要改过来用css来定义而已。很简单的东西，小记一下而已

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

关于cellpadding cellspacing 属性，无法在css中设置问题
1. 什么是table 的cellpadding cellspacing 属性 cellpadding:代表单元格边框到内容之间的距离(留白) cellspacing:用来指定表格各单元格之间的空隙. ...
css实现Table的cellpadding, cellspacing
通过如下css实现table中的cellpadding, cellspacing table { border-collapse:collapse; border-spacing:0; } th,td ...
html里的value什么含义,HTML input value属性表示什么
HTML value属性是什么定义和用法 value 属性规定元素的值. value 属性对于不同 input 类型,用法也不同: 对于 "button"."rese ...
docx_demos（创建文档类Document及属性方法, 创建段落文本类Paragraph及段落格式设置, 创建字体设置类Run及属性等）
""" docx_demos.py(创建文档类Document及属性方法, 创建段落文本类Paragraph及段落格式设置, 创建字体设置类Run及属性等)使用:一.创建 ...
鸿蒙之境法有三乘,神都夜行录鸿蒙之境怎么打神都夜行录鸿蒙之境阵容搭配推荐...
神都夜行录鸿蒙之境怎么打,神都夜行录游戏玩法中的新副本鸿蒙之境玩法已经开启,相信不少小伙伴都已经在关注着鸿蒙之境的各种通关方法,那么阵容的搭配也是非常重要的,下面小编为大家带来神都夜行录鸿蒙之境阵容搭 ...
html5表单属性自动获得焦点,HTML5里autofocus属性
转载:http://www.webhek.com/html5-autofocus/ HTML5给我们带来了一大堆神奇的东西.以前需要用JavaScript和Flash完成的任务,例如表单校验,INPU ...
HTML5里的placeholder属性
HTML5里新引入很多有趣的新特征:有些体现在HTML里,有些是JavaScript API,全部非常的有用.其中我最喜欢的一个特征就是文本框(INPUT)里的placeholder属性.placeh ...
写一个学生类，属性：学生姓名、性别、考试成绩、年龄；写一个班级类，属性：班级名、班主任名字、所有的学生（数组）。班级类有方法：（一）获得班级所有学生的平均年龄；（二）获得班级的所有学生总成
题目:写一个学生类,属性:学生姓名.性别.考试成绩.年龄:写一个班级类,属性:班级名.班主任名字.所有的学生(数组). 班级类有方法: (一)获得班级所有学生的平均年龄: (二)获得班级的所有学生总成 ...
htm中a标签去掉下划线是那个属性
htm中a标签去掉下划线是那个属性 a{ text-decoration:none; } 或者把这个属性分别加到a标签下, a:link{ text-decoration:none; } a:visi ...

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

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

最新文章

热门文章