Как сделать в css фон чтобы не повторялся
Как сделать, чтобы при адаптировании страницы фон не повторялся?
Используйте свойство background со значением no-repeat для селектора body. По умолчанию фоновая картинка повторяется по горизонтали и вертикали, выстраиваясь мозаикой на всём поле веб-страницы. Однако такое поведение фона не всегда требуется, поэтому на помощь придёт значение no-repeat , добавляемое к стилевому свойству background. В данном случае фон добавляется к веб-странице, исходно располагаясь в левом верхнем углу окна браузера и отображается единственный раз, то есть без повторений. В примере 1 показано, как это сделать конкретно. Не выкладывайте свой код напрямую в комментариях, он отображается некорректно.
Саша Ермайкина. Фоновое изображение может быть любого типа и повторяться или масштабироваться в зависимости от настроек. Изображение будет заполнять фон элемента, повторяясь при необходимости. Белые полосы могут появиться по краям фона, если пропорции изображения и фона не совпадают. Свойство background-image не наследуется дочерними элементами.
- Справочник CSS
- Регистрация Вход.
- Эта страница была переведена с английского языка силами сообщества.
- Определяет, как будет повторяться фоновое изображение, установленное с помощью свойства background-image. Можно установить повторение рисунка только по горизонтали, по вертикали или в обе стороны.
Из этой статьи вам станет известно, почему ваш фон с повторами по всему периметру блока и как это устранить. Каждый начинающий верстальщик встречался с проблемой, когда фоновое изображение зацикливалось и повторялось по всему периметру блока. Если вы наблюдаете эту картину — не стоит паниковать. Все, что надо сделать в свойство background добавить команду no-repeat , что запретит повторение.
