发送文章__当百网

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

本站搜索

发送文章

关于使用 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 属性来调整表格的间距。<br /><br />文章网址：<a href="https://dangbai.cn/Article.asp?ID=10002968" target="_blank">https://dangbai.cn/Article.asp?ID=10002968</a>

填写邮件内容

发信地址

填写发信人的电子邮箱

邮件签名

填写邮件签名

验证码

填写验证码，单击刷新验证码

发送协议

·欢迎使用本站在线文章发送系统。
·不得使用本站在线发送邮件系统发送垃圾邮件、广告邮件。
·如果收信人地址或其服务器出现错误，可能无法成功发送。
·如果有什么问题，或者意见建议，请联系［网站管理员］。

当百网

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