CSS) background

1) background

요소의 배경을 설정

속성 값

값	의미	기본값
background-color	배경 색상	transparent
background-image	하나 이상의 배경 이미지	none
background-repeat	배경 이미지의 반복	repeat
background-position	배경 이미지의 위치	0 0
background-attachment	배경 이미지의 스크롤 여부(특성)	scroll

 

사용법

background: 색상 이미지경로 반복 위치 스크롤특성;

.box {
	background: red url("../img/image.jpg") no-repeat left top scroll;
    /* 색상 이미지 반복 위치 스크롤특성 */
}
.box2 {
	background: url("../img/image.jpg") no-repeat right 100px;
    /* 이미지경로 반복 위치 */
}
.box3 {
	background: red;
    /* 색상 */
}

※ 필요한 속성만 사용하면 된다. (누락되어도 관계 없음)