더북(TheBook)

3 background- 속성

 

background- 속성은 배경색을 지정하거나 이미지를 삽입하고 이미지의 위치를 변경할 때 사용합니다.

예제 소스 Exercise/6장/3_background/index.html

<div class="background"></div>

 

예제 소스 Exercise/6장/3_background/style.css

.background {
    width: 500px;
    height: 500px;
    background-color: yellow;         
    background-image: url(rice.png);  
    background-repeat: no-repeat;     
    background-position: left;        
}

 

그림 6-3 background- 속성으로 이미지 삽입

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.