怎样用CSS控制Table的cellpadding和cellspacing属性？

guiguai 2003-01-21 11:05:55

下面的 padding、border-spacing都没有效果

<style type="text/css">
table {
padding: 10px;
border-spacing: 10px;
}
</style>
</HEAD>

<BODY>
<table width="75%" border="0" align="center" bgcolor=blue>
<tr>
<td bgcolor=white>11111 </td>
<td bgcolor=white>11111 </td>
<td bgcolor=white>11111 </td>
</tr>
<tr>
<td bgcolor=white>11111 </td>
<td bgcolor=white>11111 </td>
<td bgcolor=white>11111 </td>
</tr>

</table>

...全文

282 7 打赏收藏转发到动态举报

写回复

7 条回复

切换为时间正序

请发表友善的回复…

发表回复

ssm1226 2003-01-21

打赏
举报

回复

border-spacing目前还不支持..............

ssm1226 2003-01-21

打赏
举报

回复

<style type="text/css">
table{
border-collapse: separate; border-spacing: 10px;
}

td{padding:10px}
</style>
</HEAD>

<BODY>
<table width="75%" border="1" align="center" bgcolor=blue>
<tr>
<td bgcolor=white>11111 </td>
<td bgcolor=white>11111 </td>
<td bgcolor=white>11111 </td>
</tr>
<tr>
<td bgcolor=white>11111 </td>
<td bgcolor=white>11111 </td>
<td bgcolor=white>11111 </td>
</tr>

</table>

ssm1226 2003-01-21

打赏
举报

回复

<style type="text/css">
td{
padding: 100px;
border-spacing: 100px;
}
</style>
</HEAD>

<BODY>
<table width="75%" border="0" align="center" bgcolor=blue>
<tr>
<td bgcolor=white>11111 </td>
<td bgcolor=white>11111 </td>
<td bgcolor=white>11111 </td>
</tr>
<tr>
<td bgcolor=white>11111 </td>
<td bgcolor=white>11111 </td>
<td bgcolor=white>11111 </td>
</tr>

</table>

guiguai 2003-01-21

打赏
举报

回复

各位高人快回答呀~~~

guiguai 2003-01-21

打赏
举报

回复

to arclala(呱呱) 没有效果……

arclala 2003-01-21

打赏
举报

回复

<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style type="text/css">
table {
font-family: "宋体"; font-size: 9pt; color: #000033; text-decoration: none; background-color: #FFCCCC; padding-top: 4px; padding-right: 3px; padding- bottom: 2px; padding-left: 2px; border: #CCCCFF; border-style: groove; border-top-width: thick; border- right-width: thick; border-bottom-width: thick; border-left-width: thick
}
</style>
</HEAD>

<BODY>

<table width="75%" border="0" align="center" bgcolor=blue>
<tr>
<td bgcolor=white>11111 </td>
<td bgcolor=white>11111 </td>
<td bgcolor=white>11111 </td>
</tr>
<tr>
<td bgcolor=white>11111 </td>
<td bgcolor=white>11111 </td>
<td bgcolor=white>11111 </td>
</tr>

</table>

</BODY>
</HTML>

guiguai 2003-01-21

打赏
举报

回复

啊啊啊啊啊啊啊~~~~~~~~~~~~ 不支持？？？我倒~~~:(

在HTML中，`<table>`元素是用于创建表格的核心组件，而`cellpadding`和`cellspacing`属性则是控制表格内部元素布局的重要属性。本文将深入解析这两个属性，并通过图文结合的方式帮助理解它们的作用。首先，`...

本文将详细讨论一个特定的问题，即在IE6/7中使用JavaScript的setAttribute方法设置table的cellpadding和cellspacing属性时出现的bug。首先，我们需要了解`cellpadding`和`cellspacing`属性。这两个属性是HTML中...

6. `cellspacing`和`cellpadding`（HTML属性）：与CSS中的`border-spacing`和`padding`类似，用于设置单元格间的距离和内部填充。二、CSS菜单制作 "轻松实现CSS菜单的制作"是这个主题的另一个重要方面。CSS菜单...

在HTML4.01和XHTML中，`cellspacing`和`cellpadding`属性被直接写在`<table>`标签内，但在HTML5标准中，这些属性已经不再被推荐使用，取而代之的是通过CSS来控制这些布局细节。 `border-collapse: collapse;`是CSS...

在CSS中，这两个属性可以用`border-spacing`和`padding`替代。 9. 对于嵌套表格，可以通过上述属性独立调整内外表格的边框样式。例如，你可以让外层表格有边框，而内层表格没有边框，或者改变内层表格边框的颜色和...

61,129

社区成员

60,711

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章