CSS Background

Background 속성은 요소의 배경색과 배경이미지를 정의해 줍니다. 레이아웃 구분과 사이트의 가독성을 높이고 버튼 효과를 위해 많이 사용되는 속성입니다.

background-color: Value;
background-image: Value;
background-repeat: Value;
background-attachment: Value;
background-position: Value;

기본값:없음, image:scroll,repeat, top, left, 상속:안됨, 버전:CSS1

background-color:#f40

background-image: url(https://t1.daumcdn.net/cfile/tistory/21041C4352F4F11309)

background-repeat:repeat-y

background-repeat:repeat-x

background-repeat:no-repeat

background-attachment:scroll

background-attachment:scroll 요소와 함께 배경을 스크롤 합니다.

background-attachment:fixed

background-attachment:fixed 배경은 뷰포트에 대해서 고정 합니다.

background-attachment:local

요소의 내용과 함께 지역의 배경 스크롤 합니다.

background-position:20px 30px ( x , y )

background-position:center center or 50% 50% x,y 값이 같을 때는 한번만 입력해도 됩니다.

background-position:bottom right

background:#1DDB16 url(https://t1.daumcdn.net/cfile/tistory/2417E73A52F6219610) no-repeat right top

관련글