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




    本 站 搜 索
   推 荐 文 章        More...
华硕易电脑(ASUS Eee PC 1025C..
先来段开场白:为了外出携带方便,到淘..
Acronis True Image 使用说明
  一款可以在Windows下使用全部功..
Norton Ghost 使用详解
一、分区备份   使用Ghost进行系..
    文 章 阅 读 排 行
手机视频监控 APP 关闭广告:萤..
一、萤石云视频:我的,设置,隐私设置,..
常见数据库介绍与对比(SQL Serv..
常见数据库的对比分析,涵盖你提到的 A..
Windows 系统修改默认文件类型..
Windows 系统文件类型图标,通常由默..
Windows 系统安装或备份时 ISO,..
【ISO 文件】 ISO 文件其实就是光..
Microsoft SQL Server 2000 Per..
  对于第一次安装 Microsoft SQL Se..
颜色与英文单词对照
颜色与英文单词对照 red green bl..
PakePlus 构建 APP 需要 Github..
PakePlus 是一个基于 Rust Tauri 的..
主页真的越Google、越简洁越好吗
  如果你在11月10日早上打开雅虎中..
网络工程师必懂的专业术语
路由器问题:1、什么时候使用多路由协..
为啥现在的电脑都不能安装 Wind..
说实话,这几年如果你尝试在新电脑..
 文 章 信 息
关于使用 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
〖文章浏览:〗〖发送文章〗〖打印文章