CSS 색상
색상은 미리 정의된 색상 이름 또는 RGB, HEX, HSL, RGBA, HSLA 값을 사용하여 지정됩니다.
CSS 색상 이름
CSS에서는 미리 정의된 색상 이름을 사용하여 색상을 지정할 수 있습니다.
토마토
오렌지
다저블루
미디엄 씨그린
회색
슬레이트블루
제비꽃
라이트그레이
CSS/HTML은 140개의 표준 색상 이름 을 지원합니다 .
CSS 배경색
HTML 요소의 배경색을 설정할 수 있습니다.
헬로월드
고통 그 자체가 사랑이다 그렇기 때문에 우리의 정상적인 관행이 결과를 이용하기 위해 견디는 가장 작은 사람이 오는 것입니다.
예시
<h1 style="background-color:DodgerBlue;">Hello World</h1>
<p style="background-color:Tomato;">Lorem
ipsum...</p>
CSS 텍스트 색상
텍스트 색상을 설정할 수 있습니다.
헬로월드
고통 그 자체가 사랑이다
그렇기 때문에 우리의 정상적인 관행이 결과를 이용하기 위해 참는 가장 작은 사람이 오는 것입니다.
예시
<h1 style="color:Tomato;">Hello
World</h1>
<p style="color:DodgerBlue;">Lorem
ipsum...</p>
<p style="color:MediumSeaGreen;">Ut wisi
enim...</p>
CSS 테두리 색상
테두리 색상을 설정할 수 있습니다.
헬로월드
헬로월드
헬로월드
예시
<h1 style="border:2px
solid Tomato;">Hello
World</h1>
<h1 style="border:2px
solid DodgerBlue;">Hello
World</h1>
<h1 style="border:2px
solid Violet;">Hello
World</h1>
CSS 색상 값
CSS에서는 RGB 값, HEX 값, HSL 값, RGBA 값 및 HSLA 값을 사용하여 색상을 지정할 수도 있습니다.
색상 이름 "토마토"와 동일:
RGB(255, 99, 71)
#ff6347
hsl(9, 100%, 64%)
색상 이름 "Tomato"와 동일하지만 50% 투명:
RGBA (255, 99, 71, 0.5)
hsla (9, 100%, 64%, 0.5)
예시
<h1 style="background-color:rgb(255,
99, 71);">...</h1>
<h1 style="background-color:#ff6347;">...</h1>
<h1 style="background-color:hsl(9,
100%, 64%);">...</h1>
<h1 style="background-color:rgba(255,
99, 71, 0.5);">...</h1>
<h1 style="background-color:hsla(9,
100%, 64%, 0.5);">...</h1>