Как сделать, чтобы фон на сайте не повторялся CSS

Чтобы фон не повторялся можно использовать свойство background-repeat со значением no-repeat. Если это свойство не прописано, то картинка будет повторяться.

Пример

Lorem Ipsum

HTML


<div class="bg-ex-norepeat">Lorem Ipsum</div>

CSS


.bg-ex-norepeat{
  background: url(image.jpg); /* Путь к картинке */
  background-repeat: no-repeat; /* Фон без повторения */
}