백그라운드

background 속성

background 속성은 태그의 배경을 지정하는 속성으로, font 속성과 비슷하게 세부적인 속성들을 한번에 쓸 수 있는 속성입니다.

background 속성 표

속성	설명	작성법
background-color	배경의 색상을 설정합니다.	background-color: "색상"; background-color: red; background-color: #000; background-color: rgba(0, 0, 0, 0.5);
background-image	배경에 이미지를 설정합니다.	background-image: url("이미지 경로"); background-image: url(img/img.svg);
background-repeat	배경의 반복을 설정합니다.	background-repeat: "반복 방법"; background-repeat: no-repeat; background-repeat: repeat-x; background-repeat: repeat-y; background-repeat: repeat;
background-position	배경의 위치를 설정합니다. left, top, center, bottom, right 등의 상수도 쓸 수 있습니다.	background-position: "x좌표" "y좌표"; background-position: -50px 0; background-position: center center; background-position: 0 right;