분류 css

CSS로 배경패턴 만들기 #4

컨텐츠 정보

  • 조회 1,591 (작성일 )

본문

기존에 포토샵작업으로 홈페이지 배경 패턴 작업하던 것을 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  

css