Подтвердить что ты не робот

ТАБЛИЦА без вертикальных границ ячеек

Я хотел бы, чтобы моя таблица HTML отображала только горизонтальные границы ячейки. Есть ли способ, где я могу скрыть вертикальные границы ячейки?

4b9b3361

Ответ 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>

Ответ 6

Вы можете добавлять строго горизонтальные граничные линии, используя теги tr тегов через CSS.

<TABLE 
    BORDER=1 CELLPADDING=3 CELLSPACING=1 
    RULES=COLS FRAME=BOX
>