배경 색을 지정하려면 배경을 넣고 싶은 요소의 속성에 background-color 속성을 넣으면 됩니다. 16진수나 rgb 값 또는 색상 이름을 사용해 지정합니다.
background-color
background-color로 배경의 색을 정합니다.
기본형
background-color: transparent | color
- transparent : 배경색이 없습니다. (투명)
- color : 색을 정합니다.
예제
- 배경색을 채울 때 border와 padding을 포함한 여백이 채워집니다.
- margin 영역은 채워지지 않습니다.
<h1 class="a">Lorem</h1>
<h1 class="b">Lorem</h1>
<h1 class="c">Lorem</h1>
.a, .b, .c {
color: #ffffff;
}
.a {
background-color: #555555;
}
.b {
background-color: #555555;
padding: 10px 20px;
}
.c {
background-color: #555555;
margin: 10px 20px;
}
Tip : 웹에서 색상 표현 방법