Как в CSS задать цвет для GRID-линии?

Question

Как сделать так, чтобы в блоке с display: grid были выделены грид-линии (серым цветом например)? Мне нужно узнать это чтобы сверстать адаптивную таблицу.

Answer 1

Пока grid-gap перекрасить нельзя, но есть решение на html и css ссылка

Answer 2

body {
    margin: 0;
    padding: 0;
}

.container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
    background-color: #ccc;
}

.item {
    background-color: #000;
    width: 100%;
    padding-top: 100%;
}

<div class="container">
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
</div>

БЛОГ НА HUSL

Как в CSS задать цвет для GRID-линии?

Ответы (2 шт):