-
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 웹 배경색 투명하게 코딩하기'CSS' 카테고리의 다른 글
CSS 한 줄 코드: 사용자 경험을 변화시키는 7가지 방법 (0) 2024.02.21 모바일 환경 사용자 경험 개선-클릭 가능 요소 (0) 2024.01.29 auto;overflow: hidden; 속성에 대해 (0) 2022.02.10 Darkgray #a9a9a9 헥스 색상 코드 (0) 2021.12.15 HTML 웹 배경색 투명하게 코딩하기 (0) 2021.12.15