Я хотел бы, чтобы моя таблица HTML отображала только горизонтальные границы ячейки. Есть ли способ, где я могу скрыть вертикальные границы ячейки?
ТАБЛИЦА без вертикальных границ ячеек
Ответ 1
Вы можете добавить строго горизонтальные граничные линии, используя теги tr
через CSS.
Пример CSS:
tr {
border-bottom: 1px solid black;
border-top: 1px solid black;
border-collapse: collapse;
}
Конечно, вы можете использовать любой стиль/ширину/цвет границы, которые вы выбираете.
JS Fiddle: http://jsfiddle.net/XPyzM/
Ответ 2
Предполагая, что вы используете старый стиль <table border="1">
, сделайте его <table border="1" rules="rows">
.
Ответ 3
table, th, td {
border-left: none;
border-right: none;
}
Ответ 4
<style>
td {border-left: 1px solid black;}
</style>
Ответ 5
th, td {
border-bottom: 1px solid #ddd;
}
Ответ 6
Вы можете добавлять строго горизонтальные граничные линии, используя теги tr тегов через CSS.
<TABLE
BORDER=1 CELLPADDING=3 CELLSPACING=1
RULES=COLS FRAME=BOX
>