表没有垂直单元格边框

Question

我希望我的HTML表格只显示水平单元格边框.有没有办法可以隐藏垂直细胞边界？

Answer 1

您可以tr通过CSS 样式标记添加严格水平的边框线.

CSS示例:

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

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

JS小提琴:http://jsfiddle.net/XPyzM/

Answer 2

我终于明白了这一点，你需要将border-collapse属性放在table!

CSS：

table {
    border-collapse: collapse;
}

tr {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

而且你的桌子上只有水平线！

Answer 3

假设您使用旧式<table border="1">,请制作它<table border="1" rules="rows">.

Answer 4

table, th, td {
  border-left: none;
  border-right: none;
}