Как сделать бесшовный фон для сайта CSS

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

Пример

Lorem Ipsum

HTML


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

CSS


.bg-ex-repeat{
  background: url(image.jpg); /* Путь к картинке */
  background-repeat: repeat; /* Повторяющийся фон */
}