- slide 1 of 23, currently active
- slide 2 of 23
- slide 3 of 23
- slide 4 of 23
- slide 5 of 23
- slide 6 of 23
- slide 7 of 23
- slide 8 of 23
- slide 9 of 23
- slide 10 of 23
- slide 11 of 23
- slide 12 of 23
- slide 13 of 23
- slide 14 of 23
- slide 15 of 23
- slide 16 of 23
- slide 17 of 23
- slide 18 of 23
- slide 19 of 23
- slide 20 of 23
- slide 21 of 23
- slide 22 of 23
- slide 23 of 23
6.4.2 background-image 속성
요소의 배경에 background-image 속성을 사용하면 이미지를 넣을 수 있습니다. 속성값은 삽입할 이미지의 경로를 url() 함수로 지정하면 됩니다.
형식
background-image:url('이미지 경로');
div 요소의 배경에 이미지를 넣어 보겠습니다.
06/04/background-image.html
div{
width:160px;
height:120px;
background-image:url('images/coffee.jpg');
}
그림 6-38 실행결과