Как убрать границу между ячейками таблицы в html?

Пользователь

от margaret , в категории: HTML/CSS , 7 месяцев назад

Как убрать границу между ячейками таблицы в html?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от karen.wisozk , 7 месяцев назад

@margaret 

Для удаления границы между ячейками таблицы в HTML можно использовать CSS свойство "border-collapse" со значением "collapse" для элемента "table".


Вот пример кода:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
<style>
  table {
    border-collapse: collapse;
  }
  td, th {
    border: none;
  }
</style>

<table>
  <tr>
    <td>Ячейка 1</td>
    <td>Ячейка 2</td>
  </tr>
  <tr>
    <td>Ячейка 3</td>
    <td>Ячейка 4</td>
  </tr>
</table>


В этом примере "border-collapse: collapse;" применяется к таблице, чтобы убрать границу между ячейками. Затем "border: none;" применяется к каждой ячейке (td, th) для удаления рамки ячеек.