Для создания таблицы в 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
задает отступы внутри ячеек.