[CSS] 배경

배경

/* 배경색 */
backgroundcolor: blue;
background-color: #000000;
backgroudn-color: rgb(0, 0, 0);

/* 배경 이미지 삽입: 현재 파일 기준으로 경로 작성 */
background-image: url(../img/test.png);

/* 배경 반복: 기본값 repeat */
background-repeat: no-repeat;
background-repeat: repeat-x;
background-repeat: repeat-y;
background-repeat: repeat;

/* 배경 위치: 가로, 세로 설정 */
background-position: center center;
background-position: right bottom;
background-position: 20px 60px;  /* 왼쪽에서 20px, 위에서 60px*/
background-position: 100% 50%;

/* 배경 이미지의 크기 지정 */
background-size: contain; /* 박스내 이미지 포함. 여백 생김 */
background-size: cover; /* 박스내 꽉 차게 사용 */

/* 이미지를 브라우저에 고정 */
background-attachment: fixed; /* 이미지 위치를 브라우저 기준으로 고정 */
background-attachment: scroll;
background-attachment: local;