배경이미지

 

 

 

 

background-size

contain :

• 축을 맞춰 이미지 위 아래가 빈 공간이 생긴다

cover

• 단축을 맞춰 잘리는 부분이 생긴다.

 

 

html {
    background-image: url(../../asset/images/gimbal.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    
    background-size: cover;
    
    /* 화면을 확대/축소 해도 배경이미지는 그대로 있다. */
    background-attachment: fixed;

}