首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >在HTML中设置表格内边框

在HTML中设置表格内边框
EN

Stack Overflow用户
提问于 2010-04-17 20:00:02
回答 2查看 65.6K关注 0票数 19

如何设置“内边框”--不同单元格之间的边框。

通过设置样式属性,我设法控制外边框,但内边框只保持相同的灰色和相同的宽度。我应该调整哪些属性来控制内边框?

EN

回答 2

Stack Overflow用户

发布于 2014-08-31 20:30:13

对于普通的表格标记,这里有一个简短的解决方案,可以在BrowserStack上的所有设备/浏览器上工作,IE 7和更低版本除外:

代码语言:javascript
复制
table { border-collapse: collapse; }

td + td,
th + th { border-left: 1px solid; }
tr + tr { border-top: 1px solid; }

要支持IE 7,请添加以下内容:

代码语言:javascript
复制
tr + tr > td,
tr + tr > th { border-top: 1px solid; }

测试用例可以在这里看到:http://codepen.io/dalgard/pen/wmcdE

票数 14
EN

Stack Overflow用户

发布于 2010-04-17 20:04:06

您需要设置<td>元素的样式。

看一看W3C website

票数 4
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/2658260

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档