기존에 포토샵작업으로 홈페이지 배경 패턴 작업하던 것을 CSS로 구현할 수 있습니다.
CSS:
body {
background-color: #eee;
background-image: linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black),
linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black);
background-size:60px 60px;
background-position:0 0, 30px 30px;
}
미리보기:
http://365ok.co.kr/dn/css/pattern4.html
