Чат Telegram
Группа ВКонтакте
Новый комментарий


ReyJiz 07.12.2018 в 19:12
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        #table1 {
            border: solid 1px;
            border-collapse: separate;
            border-spacing: 10px;
        }

        #table1 td {
            border: solid 1px;
            padding-top: 10px;
            padding-right: 5px;
            padding-bottom: 15px;
            padding-left: 20px;
        }

        #table2 {
            border: 1px;
        }

        #table2 td {
            border: 1px green;
            border-bottom: solid 1px black;
            padding: 5px;
        }
    </style>
</head>

<body>
    <table id="table1" align="center">
        <tr>
            <td>Верхняя левая ячейка</td>
            <td>Верхняя правая ячейка</td>
        </tr>
        <tr>
            <td>Средняя левая ячейка</td>
            <td>Средняя правая ячейка</td>
        </tr>
        <tr>
            <td>Нижняя левая ячейка</td>
            <td>Нижняя правая ячейка</td>
        </tr>
    </table>

    <br>

    <table id="table2" align="center">
        <tr>
            <td>Средняя левая ячейка</td>
            <td>Средняя левая ячейка</td>

        </tr>
        <tr>
            <td>Средняя левая ячейка</td>
            <td>Средняя левая ячейка</td>
        </tr>
        <tr>
            <td>Средняя левая ячейка</td>
            <td>Средняя левая ячейка</td>
        </tr>
    </table>

</body>

</html>
ivashkevich 09.12.2018 в 01:11

Отлично!

murr31 04.02.2019 в 16:28

Отличная статья! Долго искал подобную информацию. Спасибо за четкое разъяснение!

ivashkevich 07.02.2019 в 12:46

Пожалуйста)

classic17071999@mail.ru 18.02.2019 в 21:22
    #table1 {
        border: solid 5px blue;
        border-collapse: separate;
        border-spacing: 5px;    <!-- Размер от ячеек -->
    }
    #table1 td {
        border: solid 1px red;
        padding: 20px;  <!-- Общий размер -->
        padding-bottom: 15px;   <!-- Низ -->
        padding-top: 10px;  <!-- Верх -->
        padding-right: 5px; <!-- Права -->
        padding-left: 20px  <!-- Лево -->
    }

Правильно?

ivashkevich 20.02.2019 в 19:06

Ок)

miv1197@mail.ru 14.07.2019 в 15:06
<!DOCTYPE html>
<html>
  <head>
    <title>Table</title>
    <style>
      table {
        border: solid 3px green;
        border-spacing: 10px; /*--- Внешние отступы ---*/
      }
      th, td {
        border: solid 2px green;
        padding: 10px 5px 15px 20px; /*--- внутренние отступы ---*/
      }
    </style>
  </head>
  <body>
    <table>
      <tr>
        <th>Column 1</th>
        <th>Column 2</th>
        <th>Column 3</th>
      </tr>
      <tr>
        <td>One</td>
        <td>Two</td>
        <td>Three</td>
      </tr>
    </table>
  </body>
</html>
ivashkevich 14.07.2019 в 15:14

Отлично!

Veronika 04.08.2019 в 18:13
<style>
        table {border: solid 1px blue; border-collapse: separate; border-spacing: 10px;}
        td {border: solid 1px blue; padding-top: 10px; padding-bottom: 15px; padding-left: 20px; padding-right: 5px;}
    </style>
ivashkevich 04.08.2019 в 21:06

Отлично

sshurdakov@gmail.com 24.10.2019 в 23:24
<style>
     table {
    border: solid 1px green;
    border-collapse: separate;
    border-spacing: 10px;
}
td {
    border: solid 1px green;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 5px;
    padding-bottom: 15px;
}
</style>
ivashkevich 25.10.2019 в 05:34

Супер!

Vika 11.11.2019 в 09:25
<style>
    table  {
     border: solid 1px blue; 
     border-collapse: separate;
     border-spacing: 10px
   }
     td{
     border: dotted 2px blue;
     padding-left: 20px;
     padding-right: 5px;
     padding-bottom: 15px;
     padding-top: 10px;
        }
</style>
ivashkevich 11.11.2019 в 19:45

В стилях ошибка

6eJlo4ka 11.12.2019 в 16:33
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Таблица</title>
</head>

<style>

    body {background-color: silver;}

    table {border: solid 1px blue; border-spacing: 10px;}

    td {border: solid 1px blue; padding-top: 10px; padding-right: 5px; padding-bottom: 15px; padding-left: 20px; padding: 10px;}

</style>

<body>

    <table align="center">
        <tr>
            <td>Верхняя левая ячейка</td> <td>Верхняя права ячейка</td>
        </tr>

        <tr>
            <td>Нижняя левая ячейка</td> <td>Нижняя правая ячейка</td>
        </tr>
    </table>

</body>
</html>
ivashkevich 11.12.2019 в 17:40

Отлично

Логические задачи с собеседований