html中,table 的cellpadding cellspacing 属性,无法在css中设置?
还有哪些属性无法在css中设置。 展开
用 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>
可以在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>
正确的做法是,合并表格边框,然后用th,td的padding设置内容和边框之间的空隙。
table {
border-collapse: collapse;
}
th, td {
padding: 0.3em 1em;
}
另外补充一点,尽早放弃在html里写表现型属性的习惯,或者表现型标签<font>等,css可以满足全部需求。现在还不能完全摒弃表现型的属性,比如width,或者是行内样式,如果不支持css3的浏览器都淘汰了,就可以和它们说拜拜了。
通过设置margin 和padding值的属性就可以实现,不过设置之前要了解这些属性在各浏览器中是有所差距的。这就涉及到兼容性的问题了!