CSS 강좌 | Property > background-color

개요

background-color로 배경의 색을 정합니다. 그 색으로 borderpadding을 포함한 영역을 칠합니다. margin 영역은 칠하지 않습니다.

  • 기본값 : transparent
  • 상속 : No
  • 애니메이션 : Yes
  • 버전 : CSS Level 1

문법

background-color: transparent | color | initial | inherit
  • transparent : 배경색이 없습니다.
  • color : 색을 정합니다.
  • initial : 기본값으로 설정합니다.
  • inherit : 부모 요소의 속성값을 상속받습니다.

예제

<!doctype html>
<html lang="ko">
  <head>
    <meta charset="utf-8">
    <title>CSS</title>
    <style>
      .a {
        background-color: #BBDEFB;
      }
      .b {
        background-color: #BBDEFB;
        padding: 10px 20px;
      }
      .c {
        background-color: #BBDEFB;
        margin: 10px 20px;
      }
    </style>
  </head>
  <body>
    <h1 class="a">Lorem</h1>
    <h1 class="b">Lorem</h1>
    <h1 class="c">Lorem</h1>
  </body>
</html>

브라우저 지원

  • Chrome : 1.0+
  • Firefox : 1.0+
  • Internet Explorer : 4.0+
  • Opera : 3.5+
  • Safari : 1.0+
Category

Created on 2017-03-22 16:09 | Updated on 2017-04-27 11:10

이 글을 공유하기

Kakao

기초 강좌