배경 질감 반복하기

Question

아래 그래픽을 사용하려고하고 있으며 보드에서 계속하려면 오른쪽부터 반복하고 싶습니다. 최선의 선택은 무엇입니까?

Answer 1

이 이미지 CSS 요소의 배경과 설정 속성 반복-X 만들 수 있습니다.

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; 
}