[CSS] background- 배경

배경 속성에 대해 알아보도록 하자. 이 속성은 다양한 속성을 한 번에 작성하는 속기법 속성이다.
background속성을 통해서 바꿀 수 있는 속성들은 아래와 같다.

구성 속성

• background-color: 배경색을 지정할 때 사용하는 속성으로 기본값은 투명이다.
• background-image: 배경 이미지를 지정할 때 사용하는 속성으로 url()함수를 사용하여 속성값을 명시한다.
• background-repeat: 배경 이미지가 주어진 영역에 꽉 차지 않는 경우, 이미지를 반복할 방식을 결정한다.
• background-position: 배경 이미지가 주어진 영역에서 어디에 위치할지 결정한다.
• background-size: 배경 이미지의 크기를 결정하는 속성이다. 기본값은 auto로 배경 이미지의 실제 크기를 나타낸다.

주의할 점

• 구성 속성의 순서는 상관이 없다!!
• background-size값을 적는 경우, <position>뒤에 /와 함께 적어줘야 한다. → center/80%처럼