[HTML/CSS] div 안의 배경색 지정하기

 

div 안의 배경색을 지정하기 위해서는

css의 background-color 속성을 지정합니다.

 

 

  background-color 예제  

<div style='background-color: red'></div>
<div style='background-color: #00ff00'></div>
<div style='background-color: rgb(0, 0, 255)'></div>
<div style='background-color: hsl(240, 100%, 50%, 0.5)'></div>

div {
  height : 20px;
  width : 200px;
}

 

 

CSS에서 색깔을 지정하는 방법은 다음과 같습니다.

• 이름
• 16진수
• RGB(A)
• HSL(A)

위 예제는 각각 4가지 방법을 이용하여

div의 배경색을 지정한 예제입니다.

 

CSS에서 색깔을 지정하는 위 4가지 방법에 대해서는

지난 포스팅을 참조하세요.

[CSS] CSS에서 색깔을 지정하는 4가지 방법 (이름, 16진수, RGB(RGBA), HSL(HSLA))