html中,table 的cellpadding cellspacing 属性,无法在css中设置?_百度...
发布网友
发布时间：2022-04-23 09:39
共7个回答
热心网友
时间：2022-04-19 06:44
用 css 的 border 解决
table {
border-collapse: collapse; //切记是 <table> 的属性，而非 <td> 的.
}
border-collapse中的 collapse 和 separate 值，定义为collapse时，边框会重叠在一起。定义为separate时单元格边框之间会有间隙。不定义时默认为separate。
cus：cellpadding，cellspacing都是废弃的属性了，早已不推荐使用，最新的html5里已经彻底去掉了这些表现型的属性。
扩展资料
html5中不再支持table的cellspacing和cellpadding属性
如果现在开始用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>
热心网友
时间：2022-04-19 08:02
可以在css中设置的。
cellpadding属性可以使用css中的内边距属性代替。
border-collapse:collapse;
border-collapse中的collapse和separate值，定义为collapse时，边框会重叠在一起。定义为separate时单元格边框之间会有间隙。不定义时默认为separate
cellpadding 属性：规定单元边沿与其内容之间的空白。
语法：
<body cellpadding="value">
cellspacing 属性：规定单元格之间的空间。
语法：
<body cellspacing="value">
扩展资料：
具体实现代码：
css部分：
<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>
html部分：
<table>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
热心网友
时间：2022-04-19 09:36
cellpadding，cellspacing都是废弃的属性了，早已不推荐使用，最新的html5里已经彻底去掉了这些表现型的属性。
正确的做法是，合并表格边框，然后用th，td的padding设置内容和边框之间的空隙。
table {
border-collapse: collapse;
}
th, td {
padding: 0.3em 1em;
}
另外补充一点，尽早放弃在html里写表现型属性的习惯，或者表现型标签<font>等，css可以满足全部需求。现在还不能完全摒弃表现型的属性，比如width，或者是行内样式，如果不支持css3的浏览器都淘汰了，就可以和它们说拜拜了。
热心网友
时间：2022-04-19 11:28
怎么不可以啊？
通过设置margin 和padding值的属性就可以实现，不过设置之前要了解这些属性在各浏览器中是有所差距的。这就涉及到兼容性的问题了！
热心网友
时间：2022-04-19 13:36
你可以设置table中内容的margin值和padding值啊，来调整他们的内外边距
热心网友
时间：2022-04-19 16:00
是的，这两个属性只能在table标签中设置了
热心网友
时间：2022-04-19 18:42
由于弃用缘故，所以无法生效 我个人是通过对css 样式方式来达到相应效果的
你可以在外部里（第三），或者内部style下（第二） 甚至内联 body（最高）,相应标签下设定 三者各有优先级
<style>
.cell tr td{
padding:20px;//针对td设定 最多达成Cellpadding 效果 margin却无法替代cellspacing
基本上，到这儿 就得按新规则来了
}
.cell{
border-collapse: separate; //造成边界塌陷效果
border-spacing: 15px;//设定列与列 行与行 间距
}
</style>
<table border="1" class="cell">
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
</table>
