[HTML, CSS] 배경 넣기

#header {width: 100%; height: 325px; background: url(../img/header_bg.jpg) repeat-x}

 

위와 같이 넣어주게 되면 원하는 이미지를 background 로 넣을 수 있다.

그런데 화면을 축소하거나 확대하면 그림이 계속 바뀌면서 움직이는 걸 볼 수 있는데 이걸 고정하려면 

 

#header {width: 100%; height: 325px; background: url(../img/header_bg.jpg) center top repeat-x}

 

요렇게 center, top 옵션을 넣어주어야 한다.