CSS 예제 4 / 20
색상은 이름·hex·rgb·hsl 등 여러 방식으로 쓸 수 있고, 크기 단위는 px(절대) 와 %/em/rem(상대)로 나뉩니다.
hex
rgb
hsl
rem
em
💡 이렇게 바꿔보세요
rem 은 항상 <html> 의 폰트 크기 기준이라 예측하기 쉬워요 — 반응형 디자인에 자주 씀
em 은 부모 요소 기준이라 중첩되면 값이 누적돼서 헷갈릴 수 있어요
rgba()/hsl(... / 50%) 의 마지막 값은 투명도(0=투명 ~ 1=불투명)
← CSS 예제 목록