Повторение фоновой текстуры

Question

Я пытаюсь использовать рисунок ниже, и я хотел бы повторить справа, чтобы продолжить работу на досках. Какими будут мои лучшие варианты?

Answer 1

Вы можете сделать это изображение фона элемента CSS и установить свойство повтор х.

background: url("paper.gif") repeat-x;

Answer 2

Вы можете использовать фон-имущественное положение, как это:

body { 
    background-image: url("http://i.stack.imgur.com/mIZCl.jpg"); 
    background-position: right 0; 
    background-repeat: repeat-x; 
} 

http://jsfiddle.net/72p5h6hs/2/

Answer 3

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

body { 
    background-image: url("http://i.stack.imgur.com/mIZCl.jpg"); 
    background-size: cover; 
}