6.4.1 background-color 속성

background-color 속성을 사용하면 요소의 배경에 색상을 넣을 수 있습니다. 속성값으로는 색상값을 사용하면 됩니다.

background-color:<색상값>;

만약 div 태그로 작성된 요소의 배경을 빨간색으로 지정하고 싶다면 다음처럼 작성하면 됩니다.

div{
  width:100px;
  height:100px;
  background-color:red;
}

그림 6-37 실행결과

코드를 실행하면 그림과 같이 div 요소의 배경에 빨간색이 적용되어 표시됩니다.