색관련 css
기본 : 박스 - 투명(흰색이 아님), 글자 - 검정
- background-color : 배경색
- color : 글자, 테두리 색 (배경색 제외한 다른 색)
- border-color : 테두리색
색 값
★1. 16진수 : #으로 시작 0~f 까지의 값으로 표기 (정석적인 방법)
- 6자리 : 두자리씩 빨초파
ex) #ff0000(빨), #00ff00(초), #0000ff(파), #ffffff(흰), #000000(검)
- 3자리 : 한자리씩 팔초파
ex) #f00(빨), #0f0(초), #00f(파), #fff(흰), #000(검)
- RGB : 0~255 까지의 색값, rgb(빨, 초, 파)
ex) rgb(255, 0, 0)<빨>, rgb(0, 255, 0)<초>, rgb(0, 0, 255)<파>
★3. RGBA : 0~255 까지의 색값
: 16진수만큼 쓰이진 않지만 rgba로만 사용할 수 있는 색이 있음 => 투명!
: rbg에 추가로 투명도 적용. rgba(빨, 초, 파, 투명도값)
: 투명도값 : 0~1 실수. 기본값 : 1 (0 : 투명)
ex)
- 색이름 : red, green, blue (가급적이면 사용하지 말고 16진수 사용하기)
color: inherit; (상속)
부모의 색상값 따라감.