16. CSS / 속성 - 배경

background  ( 요소의 배경을 설정 단축속성 )

 

background-color

 값으로 색상(rgb, 색상, #xxxxxx )을 입력하고 투명색인 transparent 도 사용이 가능하다.

 

 

background-image

 기본값은 none(이미지 없음)이 있고 이미지를 넣으여면 url("경로")를 넣어준다.

쉼표','를 사용하여 하나 이상의 이미지도 넣을수 있다.

 주의사항 -> 이미지를 다수 추가할 경우 나중에 삽입한 이미지가 뒤에 쌓인다(순서가 반대) ( 첫 요소의 이미지가 맨위                    에서 보임).

 

             -> 백그라운드이미지의 반복여부는 기본값으로 반복으로 되어있다.해제 -> background-repeat : no-repeat;

 

 

background-repeat

 

 

background-position

x축은 밑에서 오른쪽으로 가지만 y축은 밑에서 시작하는게 아니고 위에서 내려오는 방식으로 되어있다.

 

 

background-attachment

크게 백그라운드-이미지가 같이 스크롤되어 내려가느냐 고정되어 있느냐