계단식 스타일 시트 색상 속성을 사용하여 텍스트 및 전경색을 설정하는 방법
CSS (Cascading Style Sheets) 색상 속성을 사용하여 웹 페이지 또는 웹 페이지의 섹션 (또는 요소)에서 텍스트 색상을 제어 할 수 있습니다. 텍스트 색상을 제어하는 ​​것 외에도 CSS 색상 속성을 사용하여 가로 규칙 및 양식 요소의 색상을 설정할 수 있습니다. 색상 속성을 사용하여 오프닝 내에서 텍스트를 설정하는 예제를 살펴 보겠습니다.

그리고 닫는

태그를 검은 색으로, 요소의 색상을 빨강으로 지정합니다.

기본 CSS 코드





텍스트가 여기에 간다




귀하의 이메일 주소



각 CSS 규칙에는 선택기와 선언 블록이 있습니다. CSS 선언 블록은 여는 {와 닫는} 중괄호 사이에 있으며 각 선택기마다 하나 이상의 속성 값 쌍을 포함합니다.

선택기

형태
이 예제의 첫 번째 CSS 규칙은 텍스트 사이의 색상을 제어합니다.

우리의 웹 페이지에 태그. 의 p

태그는이 규칙의 선택기이며 브라우저에 텍스트를 검은 색으로 설정하도록 지시합니다. 두 번째 규칙은 태그의 양식 요소 선택기를 사용하여 "이메일 주소"텍스트의 색상을 빨간색으로 설정합니다.

속성

색깔:
색상 속성은 텍스트 및 전경색의 색상을 설정하는 속성입니다. 이 예에서 color 속성은 p 및 form 요소의 색상을 설정하는 데 사용됩니다. 속성 이름 뒤에는 콜론 (:)이옵니다.

가치
#000000;
빨간;
색상 이름, 16 진 색상 코드 또는 RGB 색상 코드를 사용하여 색상 값을 설정할 수 있습니다. 이 예에서는 p 요소에 16 진수 색상 코드 (# 000000)를 사용하고 양식 요소에 색상 이름 (빨간색)을 사용했습니다. RGB 색상 코드 rgb (100 %, 0 %, 0 %)를 사용할 수도 있습니다. 색상 값 뒤에는 세미콜론 (;)이 있습니다.