CSS / background-color / 배경색을 정하는 속성
개요
background-color로 배경의 색을 정합니다. 그 색으로 border와 padding을 포함한 영역을 칠합니다. margin 영역은 칠하지 않습니다.
- 기본값 : transparent
- 상속 : No
- 애니메이션 : Yes
- 버전 : CSS Level 1
문법
|
1 |
background-color: transparent | color | initial | inherit |
- transparent : 배경색이 없습니다.
- color : 색을 정합니다.
- initial : 기본값으로 설정합니다.
- inherit : 부모 요소의 속성값을 상속받습니다.
예제
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 |
<!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+