主页 / 问题 / 1257003
Accepted
Alexei
Asked:2022-03-17 17:42:06 +0000 UTC2022-03-17 17:42:06 +0000 UTC

如何在 CSS 中为网格线设置颜色？

  • 772

如何使用 display: grid 突出显示块中的网格线（例如变灰）？我需要知道这一点才能制作响应式表格。

html

2 个回答

  1. 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>

    • 2
  2. Best Answer

    还不能grid-gap重新着色，但是有html和css链接的解决方案

    • 1

相关问题