html - 没有垂直单元格边框的 TABLE

标签 html css html-table

我希望我的 HTML 表格只显示水平单元格边框。有什么方法可以隐藏垂直单元格边框吗?

最佳答案

您可以通过 CSS 设置 tr 标签的样式来添加严格水平的边框线。

示例 CSS:

tr {
    border-bottom: 1px solid black;
    border-top: 1px solid black;
    border-collapse: collapse;
}​

当然,您可以使用您选择的任何边框样式/宽度/颜色。

JS fiddle :http://jsfiddle.net/XPyzM/

关于html - 没有垂直单元格边框的 TABLE,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11237204/

相关文章:

html - 获取 100% 的 div 和输入以水平显示

html - div不在它应该在的地方

html - 是否可以使 Html 表格的高度独立于其他表格?

html - Web 浏览器忽略表格单元格的最大宽度属性(以百分比表示)

HTML CSS 表格行重叠

javascript - Bootstrap selectpicker 奇怪的行为

javascript - 显示与动态创建的缩略图关联的正确图片

javascript - 在 Javascript (JQuery Mobile) 创建的表中应用 css 样式

javascript - 在 div 列中包装 iframe

HTML5 输入元素的 CSS Float 失败