CSS_color

song·2023년 7월 18일

CSS_web1

목록 보기
3/18

색관련 css

기본 : 박스 - 투명(흰색이 아님), 글자 - 검정

  1. background-color : 배경색
  2. color : 글자, 테두리 색 (배경색 제외한 다른 색)
  3. border-color : 테두리색

색 값

★1. 16진수 : #으로 시작 0~f 까지의 값으로 표기 (정석적인 방법)

  • 6자리 : 두자리씩 빨초파
    ex) #ff0000(빨), #00ff00(초), #0000ff(파), #ffffff(흰), #000000(검)
  • 3자리 : 한자리씩 팔초파
    ex) #f00(빨), #0f0(초), #00f(파), #fff(흰), #000(검)
  1. 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)
  2. 색이름 : red, green, blue (가급적이면 사용하지 말고 16진수 사용하기)

color: inherit; (상속)
부모의 색상값 따라감.

profile
계속 나아가기

0개의 댓글