Управление повторным калибровкой и повторением фонового изображения в HTML

Question

У меня есть фоновое изображение, которое показывает фрагмент горизонта города. Его нужно разместить как декоративную ленту на заднем плане. К сожалению, сама картина не моя, я имею доступ к чему-то доступному в Интернете, и она защищена авторским правом, поэтому я не могу загрузить/сохранить ее и изменить ее каким-либо образом или способом.

мне нужно решить две проблемы:

• Изображение слишком велико (высота), я должен масштабировать его вниз;
• мне нужно только повторить «по горизонтали», в одном ряду, без покрытия всего фона в «плитки»

Answer 1

Вы можете изменить размер изображения с помощью CSS с помощью background-size. http://www.w3schools.com/cssref/css3_pr_background-size.asp

Используйте background-repeat: repeat-x;, чтобы повторить его по горизонтали.