Додайте поверх вашого css перед усім іншим: тіло { поле: 0; } це спрацює, я перевірив це.
Щоб вказати відсутність рамки за допомогою атрибута border-width у CSS, встановити його на нуль: border-width: 0;.
HTML
- <main>
- <h1>CSS Grid with collapsed borders</h1>
- <p>Just put a border-top & border-left on the outer grid, then border-right & border-bottom on all the child elements!</ p>
- <code><pre>.grid {
- –стовпців: 3;
- –border: 1px суцільний чорний;
- дисплей: сітка;
Ви можете видалити рамку за встановивши для нього значення «немає» або «0». .
Ви можете спробувати видалити рамку за допомогою: border-style: немає; і додавання стилю контуру: немає; у вашому стилі CSS. Спробуйте додати : outline: none для стилю елемента кнопки.