文章·资料 电脑软件 手机软件 网站源码




    本 站 搜 索
   推 荐 文 章        More...
华硕易电脑(ASUS Eee PC 10..
先来段开场白:为了外出携带方便..
Acronis True Image 使用..
  一款可以在Windows下使用..
Norton Ghost 使用详解
一、分区备份   使用Ghost..
    文 章 阅 读 排 行
世界各国所使用的国际域名..
域名缩写 国家/地区 ..
关于 Firefox 在中国持续..
亲爱的 Firefox 用户及 Firefox..
全国各地、公共 DNS 服务器
排序 地区/公司名称 ..
Microsoft SQL Server 2000..
  对于第一次安装 Microsoft ..
Windows 系统安装或备份时 ..
【ISO 文件】 ISO 文件其实..
Windows PE 系统安装微软..
如果电脑没有光驱,或者没有把..
ASP 网页编码 GB2312 转换..
1、用记事本打开文件(如果整站..
腾讯:难以承受之痛的背后..
亲爱的网吧管理员:   在此,..
SATA 硬盘分区设置与安装..
  随着i865、i875、KT600等..
Windows XP 安装界面修改..
安装装界面----也就是安装复制..
 文 章 信 息
关于使用 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
〖文章浏览:〗〖发送文章〗〖打印文章