it-swarm.com.ru

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

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

11
user1175551

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

Пример CSS:

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

Конечно, вы можете использовать любой стиль рамки/ширину/цвет по вашему выбору.

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

22
JSW189

Предполагая, что вы используете старый стиль <table border="1">, сделайте его <table border="1" rules="rows">.

5
Niet the Dark Absol
table, th, td {
  border-left: none;
  border-right: none;
}
4
Jukka K. Korpela
<style>
  td {border-left: 1px solid black;}
</style>
2
john ktejik
th, td {
  border-bottom: 1px solid #ddd;
}

см. https://www.w3schools.com/css/css_table.asp

0
Deatk