body에 background-image 여러개 적용하기
background-image 여러개 적용하는 방법
1. background-imag 뒤 적용할 이미지의 url 주소를 , 로 구분하여 background image를 넣을 개수만큼 입력한다.
2. background-size 로 각 이미지의 크기를 조절
3. background-position 으로 (왼쪽 위 기준) 각 이미지의 위치 조절
(이미지가 겹치는 경우 왼쪽에 있는 파일이 앞쪽에 적용된다.)
body{background-image:url(images/ch.png), url(images/bg.jpg); background-size:280px 130px, 700px 150px; background-position:200px 20px ,0 0; background-repeat:no-repeat;}




원국보기