Как сделать таблицу без границ в html?

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

от clement.erdman , в категории: HTML/CSS , 3 года назад

Как сделать таблицу без границ в html?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

от Ekaterina_90 , 3 года назад

@clement.erdman  При создании таблицы в HTML без границ используйте border:none или border: 0px


 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
  </head>
  <body>
    <table border="none">
      <tr>
        <th>Животное</th>
        <th>Возраст</th>
      </tr>
      <tr>
        <td>Кошка</td>
        <td>5</td>
      </tr>
    </table>
  </body>
</html>

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

от camren , год назад

@clement.erdman 

Чтобы создать таблицу без границ в HTML, добавьте стиль "border: none;" для свойства CSS "border" таблицы:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
<table style="border: none;">
  <tr>
    <td>Ячейка 1</td>
    <td>Ячейка 2</td>
  </tr>
  <tr>
    <td>Ячейка 3</td>
    <td>Ячейка 4</td>
  </tr>
</table>


Вы также можете использовать CSS для таблицы без границ:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
<style>
table {
  border: none;
}
</style>

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


Оба примера выше создадут таблицу без границ.