-
CSS background-color 배경색을 정하는 속성에 대해서CSS 2021. 12. 15. 19:42
개요
백그라운드 컬러로 배경의 색을 정한다. 그 색으로 border와 padding을 포함한 영역을 칠한다. 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: #ffffff; margin: 10px 20px; } </style> </head> <body> <h1 class="a">gold.goose</h1> <h1 class="b">gold.goose</h1> <h1 class="c">gold.goose</h1> </body> </html>
출력 브라우저별
▷ Chrome : 1.0+
▷ Firefox : 1.0+
▷ Internet Explorer : 4.0+
▷ Opera : 3.5+
▷ Safari : 1.0+
같이 보면 좋은 글
▷ HTML 웹 배경색 투명하게 코딩하기