我希望我的HTML表格只显示水平单元格边框。有没有办法隐藏垂直单元格边框?
CSS 设置标签样式来添加严格的水平边框线tr
。
示例 CSS:
tr {
border-bottom: 1px solid black;
border-top: 1px solid black;
border-collapse: collapse;
}
当然,您可以使用您选择的任何边框样式/宽度/颜色。
JS小提琴:http://jsfiddle.net/XPyzM/
table, th, td {
border-left: none;
border-right: none;
}
假设您使用的是旧式<table border="1">
,请将其设为<table border="1" rules="rows">
。
我终于想通了,你需要把border-collapse
属性放在table
的风格!
.CSS:
table {
border-collapse: collapse;
}
tr {
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}
而且您的桌子将只有水平线!
<style>
td {border-left: 1px solid black;}
</style>
th, td {
border-bottom: 1px solid #ddd;
}
见 https://www.w3schools.com/css/css_table.asp
您可以通过 CSS 设置 tr 标签的样式来添加严格的水平边框线。
<TABLE
BORDER=1 CELLPADDING=3 CELLSPACING=1
RULES=COLS FRAME=BOX
>