关于使用 CSS 来控制 table 标签的 cellpadding 和 cellspacing 属性的问题_

文章·资料	电脑软件	手机软件	网站源码
电脑·手机·网络学习话题娱乐故事文化·历史国学典籍法律法规	操作系统网络办公·文件音频视频图形图像硬件·驱动程序行业学习编程游戏	安卓苹果鸿蒙其他	ASP ASP.NET JSP PHP HTML·CSS·JavaScript

本站搜索

推荐文章 More...


	华硕易电脑(ASUS Eee PC 10.. 先来段开场白：为了外出携带方便，..

	Acronis True Image 使用.. 　　一款可以在Windows下使用全..

	Norton Ghost 使用详解一、分区备份　　使用Ghost进..

文章阅读排行


	Microsoft SQL Server 2000.. 　　对于第一次安装 Microsoft SQ..

	ASP：Dimac W3 JMail 发送.. 【发送邮件测试代码下载】压..

	ASP：Persits ASPMail 发送.. 【发送邮件测试代码下载】压..

	VMware Workstation：安装.. 编写这份虚拟机安装的图文教程，..

	华硕易电脑(ASUS Eee PC 10.. 先来段开场白：为了外出携带方便，..

	ASP：Microsoft CDO 发送邮.. 【发送邮件测试代码下载】压..

文章信息

关于使用 CSS 来控制 table 标签的 cellpadding 和 cellspacing 属性的问题

〖评论()〗〖留言〗〖收藏〗

〖文章分类：电脑·手机·网络 / 网站设计·开发·优化〗〖阅读选项〗

　　在 HTML 语言中，table 标签的 cellpadding 和 cellspacing 属性，分别表示表格边框间距和表格边框中间和单元格中间的间距，都是以像素(px)为单位。下面看一段代码：
<table width="200" height="100" border="0" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#CCFFCC">行一</td>
</tr>
<tr>
<td bgcolor="#FFCCFF">行二</td>
</tr>
</table>
这是一个没有边框的表格，单元格之间也没有边距。虽说现在提倡使用 DIV+CSS 来设计网页，但我目前还是已经习惯使用 table 标签来规划页面，所以就想保留 table 标签，而 table 标签的一些属性则用 CSS 来控制，上面的表格效果在 CSS 中可以这样实现。代码如下：
<table width="200" height="100" style="border-collapse:collapse;">
<tr>
<td bgcolor="#CCFFCC" style="padding:0px;">行一</td>
</tr>
<tr>
<td bgcolor="#FFCCFF" style="padding:0px;">行二</td>
</tr>
</table>
这个表格使用 CSS 来控制实现了上面那个表格 cellpadding="0" cellspacing="0" 的效果，要分别在 table 标签和 td 标签设置 CSS 才能实现。border-collapse:collapse;相当于 cellspacing="0"，padding:0px;相当于 cellpadding="0"，但如果要实现 cellpadding="2" cellspacing="2" 就有点难度了，因为一旦把 border-collapse:collapse;的值 collapse 设置为具体的数值，比如 4px，边框能够正常显示，但不管数据设置多少，效果都是一样的。
　　百度百来百去，也没有找到更具体，更直接的方法。看到网络上有人建议：签于目前网页浏览器对样式属性支持不一致，如果想要使用 table 标签来规划页面，建议仍然使用 cellpadding 和 cellspacing 属性来调整表格的间距。

文章作者：未知更新日期：2010-10-23

〖文章浏览：〗〖打印文章〗〖发送文章〗

阅读说明

·本站大部分文章转载于网络，如有侵权请留言告知，本站即做删除处理。
·本站法律法规类文章转载自[中国政府网(www.org.cn)]，相关法律法规如有修订，请浏览[中国政府网]网站。
·本站转载的文章，不为其有效性，实效性，安全性，可用性等做保证。
·如果有什么问题，或者意见建议，请联系［网站管理员］。

当百网

本站使用【啊估文章软件站】网站系统〖网站管理员留言簿〗