Как убрать отступы по бокам?
Здравствуйте, сделал фон на веб странице, но со всех сторон от фона по краям есть белая "щель", как ее убрать? код css фона:
main { background-image: radial-gradient(circle at 74.84% 6.98%, #ff9a53 0, #ff8d55 12.5%, #ff7c52 25%, #ff654d 37.5%, #f94646 50%, #ea1a40 62.5%, #de0040 75%, #d50043 87.5%, #cf004a 100%); background-repeat: repeat; background-size: cover; background-position: center; } |
main { background-image: radial-gradient(circle at 74.84% 6.98%, #ff9a53 0, #ff8d55 12.5%, #ff7c52 25%, #ff654d 37.5%, #f94646 50%, #ea1a40 62.5%, #de0040 75%, #d50043 87.5%, #cf004a 100%); background-repeat: repeat; background-size: cover; background-position: center; }
Я пробовал такие команды как padding: 0;
margin: 0; щели все равно оставались. Такой же отступ и у footer'а страницы, тоже не могу убрать
Дополнительно:
А если общий margin и padding убрать ?
body {margin: 0}
Только вот так, как выше. Не стоит убирать отступы сразу у всех элементов.
В тегах к вопросу стоит бутстрап. Есил вы используете его, то там уже все обнулено, что надо.
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Для удаления отступов по бокам в HTML вы можете использовать CSS свойство `margin`. Чтобы убрать все отступы, вам нужно установить `margin: 0;` для элемента, для которого вы хотите убрать отступы.
Пример использования CSS для установки отступов:
body { margin: 0; padding: 0; } <h1>Пример текста без отступов по бокам</h1>body { margin: 0; padding: 0; } <h1>Пример текста без отступов по бокам</h1>
Если вам нужно убрать отступы только по горизонтали или вертикали, вы можете использовать соответствующие свойства `margin-top`, `margin-bottom`, `margin-left`, `margin-right`.
Пример использования CSS для установки отступов только по горизонтали:
body { margin-left: 0; margin-right: 0; } <h1>Пример текста без отступов по бокам (горизонтально)</h1>body { margin-left: 0; margin-right: 0; } <h1>Пример текста без отступов по бокам (горизонтально)</h1>
Или по вертикали:
body { margin-top: 0; margin-bottom: 0; } <h1>Пример текста без отступов по бокам (вертикально)</h1>body { margin-top: 0; margin-bottom: 0; } <h1>Пример текста без отступов по бокам (вертикально)</h1>
Надеюсь, это поможет вам убрать отступы по бокам на вашем веб-сайте. Если у вас возникнут дополнительные вопросы, не стесняйтесь задавать.