6.4.2 background-image 속성

요소의 배경에 background-image 속성을 사용하면 이미지를 넣을 수 있습니다. 속성값은 삽입할 이미지의 경로를 url() 함수로 지정하면 됩니다.

background-image:url('이미지 경로');

div 요소의 배경에 이미지를 넣어 보겠습니다.

div{
  width:160px;
  height:120px;
  background-image:url('images/coffee.jpg');
}

그림 6-38 실행결과