WEB(웹)

background-image 속성

SharingWorld 2018. 5. 29. 16:24

웹 요소에 배경 이미지 넣기



background-image: url(파일 경로)



body {background-image: url('bg1.png');}

#area {background-image: url('bg2.png');}



url에 http://로 시작하는 절대 경로도 사용할 수 있음.


배경 이미지는 여러 개를 사용할 수 있는데 이럴 경우, 첫 번째 이미지부터 순서대로 표시합니다.


이미지가 채우려는 요소 크기보다 작을 경우, 해당 요소를 가득 채울 정도로 가로와 세로로 반복됩니다.