(CSS) background 와 background-color의 차이

둘의 차이는 background-color는 background의 color 요소만 지정이 가능하고

background 는 color외에 image, attach, repeat, position 등

다양한 백그라운 옵션을 지정해 줄 수 있다.

 

MDN에 나와 있는 구성요소

• background-attachment
• background-clip
• background-color
• background-image
• background-origin
• background-position (en-US)
• background-repeat
• background-size

 

MDN에 나와 있는 사용예제

/* <background-color> 사용 */
background: green;

/* <bg-image>와 <repeat-style> 사용 */
background: url("test.jpg") repeat-y;

/* <box>와 <background-color> 사용 */
background: border-box red;

/* 단일 이미지, 중앙 배치 및 크기 조절 */
background: no-repeat center/80% url("../img/image.png");