색상은 CSS3의 새로운 속성입니까?

color는 CSS3의 새로운 속성이 아닙니다. color 속성은 CSS1부터 사용되었습니다. 색상 속성은 색상 이름, 16진수 문자, RGB(빨간색, 녹색 및 파란색)를 사용할 수 있습니다. RGBA, HSL(색상, 채도, 밝기) 및 HSLA 방법으로 색상을 설정합니다.

이 튜토리얼의 운영 환경: Windows 10 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.

color는 css3의 새로운 속성이 아닙니다.

color는 css3의 새로운 속성이 아닙니다.

color 버전: CSS1

color 속성은 텍스트의 색상을 지정합니다.

이 속성은 요소의 전경색을 설정합니다(HTML 표현에서는 요소 텍스트의 색상). 래스터 이미지는 색상의 영향을 받지 않습니다. 이 색상은 border-color 또는 다른 border-color 속성으로 재정의되지 않는 한 요소의 모든 테두리에도 적용됩니다.

요소의 전경색을 설정하려면 가장 쉬운 방법은 색상 속성을 사용하는 것입니다.

색상 값은 다음과 같은 방법으로 설정할 수 있습니다.

• 색상 이름 빨간색, 파란색, 갈색, 연한 녹색 등과 같은 색상 이름은 대소문자를 구분하지 않습니다. ​​

• 16진수 16진수 기호 #RRGGBB 및 #RGB(예: #ff0000). "#" 뒤에 6~3개의 16진수 문자(0-9, A-F)가 옵니다.

• RGB, 빨간색-녹색-파란색(RGB)은 색상 값이 rgb 코드의 색상이고 함수 형식은 rgb(R,G,B)이며 값은 0-255 정수 또는 백분율.

• RGBA, RGBa(Red-Green-Blue-Alpha) RGBa는 RGB 색상 모드를 확장하여 알파 채널을 포함하므로 색상의 투명도를 설정할 수 있습니다. a는 투명도를 나타냅니다. 0=투명, 1=불투명.

• HSL, 색상-채도-명도(Hue-saturation-lightness) 색상(Hue)은 색상환(즉, 무지개를 나타내는 고리)의 각도를 나타냅니다.

채도와 밝기는 백분율로 표시됩니다.

100%는 완전 채도이고 0%는 회색조입니다.

밝기 100%는 흰색, 밝기 0%는 검은색, 밝기 50%는 "보통"입니다.

• HSLA, Hue-Saturation-Lightness-Alpha(HSLa) HSLa는 HSL 색상 모드에서 확장되며 색상의 투명도를 지정할 수 있는 알파 채널을 포함합니다. a는 투명도를 나타냅니다. 0=투명, 1=불투명.

예제는 다음과 같습니다.

body {color: #92a8d1;}
body {color: rgb(255,0,51);}
body {color: rgba(255,0,0,0.7);}
body {color: hsl(120,100%,25%) ;}
body {color: hsla(240,100%,50%, 0.7);}

출력 결과는 다음과 같습니다.

(동영상 공유 학습: cs 동영상 튜토리얼)

위 내용은 색상은 CSS3의 새로운 속성입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!