만약 앞의 코드에서 이미지를 반복하고 싶지 않다면 no-repeat 값을 사용하면 됩니다.
06/04/background-repeat.html
div{
width:320px;
height:120px;
background-image:url('images/coffee.jpg');
background-repeat:no-repeat;
border:1px solid black; /* 요소의 배경 크기가 잘 보이게 테두리 설정 */
}
그림 6-41 실행결과
코드를 실행해 보면 이미지가 더 이상 반복되지 않습니다.