• Страница 1 из 1
  • 1
Форум » Web-Раздел » Начинающему вебмастеру » Фоновое изображение без повторений на CSS (Как правильно сделать, чтобы фон CSS не повторялся на сайте)
Фоновое изображение без повторений на CSS
Kosten
Дата: Вторник, 2019-11-26, 21:21 | Сообщение 1
Оффлайн
Администраторы
Сообщений:25239
Награды: 57


Всем веб мастерам известно, что при установки фоновой картинки, то она может по умолчанию повторятся несколько раз, так как просто не хватает ширины, где получаем мозаику по всему экрану.

Это то, что нам не нужно, ведь все чаще изображение задействовано для стилизации и должна показываться в одном экземпляре. И для этого здесь выставляем к свойству background-repeat такое значение, как no-repeat, как можете наблюдать на примере.



CSS

Код
  body {
    background-image: url(Ссылка на изображение); /* Адрес картинки */
    background-position-x: right; /* Положение фона справа */
    background-repeat: no-repeat; /* Фон без повторения */
   }

Как видим, что фоновая картинка выводится для всей страницы, вот поэтому нужно добавлять свойства к селектору body.
Прикрепления: 1953053.jpg(36.5 Kb)
Страна: (RU)
Форум » Web-Раздел » Начинающему вебмастеру » Фоновое изображение без повторений на CSS (Как правильно сделать, чтобы фон CSS не повторялся на сайте)
  • Страница 1 из 1
  • 1
Поиск: