SoloLearn CSS 번역

CSS background-color Property

background-color 속성

• The background-color property is used to specify the background color of an element.
  • background-color 속성은 element의 배경색을 지정하는 데 사용된다.

• HTML:

<p>
   The background color of this page is set to LightSkyBlue.
</p>

• CSS:

body {
   background-color: #87CEFA;
}

코드 실행 확인

• Result:

The Background Color Values

배경색 값

• The color of the background can be defined using three different formats: a color name, hexadecimal values, and RGB.
  • 배경의 색상은 color name, 16진수 값, RGB의 세 가지 형식을 사용해서 정의할 수 있다.

• In the example below, the body, h1, and p elements are assigned different background colors:
  • 아래 예제에서 body, h1, p element는 서로 다른 배경색이 지정된다.

• HTML:

<h1>This is a heading </h1>
<p>This is a paragraph </p>

• CSS:

body {
   background-color: #C0C0C0;
}

h1 {
   background-color: rgb(135, 206, 235);
}

p {
   background-color: LightGreen;
}

코드 실행 확인

• Result:

QUIZ

• What property is used to describe the background color?
  • 배경색을 설명하는 데 사용되는 속성은 무엇인가?

background-color

• Fill in the blanks to make the background color of the element with id=”mystyle” black using hexadecimal color definition.
  • id=”mystyle” element의 배경색을 16진수 색상 정의를 사용해서 검정색으로 만들어라.

#mystyle {
   background-color: #000000;
}