Доверьте продвижение нам

Комментарии

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Как создать таблицу CSS

Views Icon1

Для создания таблицы в CSS нужно использовать свойство display: table; для родительского элемента и свойство display: table-cell; для дочерних элементов.

Пример:

HTML:

<div class="table">
 div class="row">
    <div class="cell">Ячейка 1</div>
    <div class="cell">Ячейка 2</div>
   div class="cell">Ячейка 3</div>
  </div>
  <div class="row">
   div class="cell">Ячейка 4</div>
    <div class="cell">Ячейка 5</div>
   div class="cell">Ячейка 6</div>
  </div>
</div>

CSS:

.table {
  display: table;
  width: 100%;
}
.row {
  display: table-row;
}
.cell {
  display: table-cell;
  border: 1px solid black;
  padding: 5px;
}

В данном примере создается таблица с двумя строками и тремя ячейками в каждой. С помощью свойства display задается тип отображения элементов. Свойство border задает границу для ячеек, а свойство padding задает отступы внутри ячеек.

Поделиться:

Задать вопрос

Оставляя заявку, вы соглашаетесь с политикой обработки персональных данных.

Оставить заявку

Оставляя заявку, вы соглашаетесь с политикой обработки персональных данных.