CSS 색상을 작성하는 세 가지 방법은 무엇입니까?

색상을 작성하는 방법은 다음과 같습니다. 1. "색상:색상 이름" 구문을 사용하여 색상 이름을 사용합니다. 2. "색상:rgb(퍼센트, 백분율, 백분율)" 구문을 사용합니다. 숫자 값, 구문 "color:rgb(값, 값, 값)".

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

CSS에서 색상 값은 색상 이름, 백분율, 숫자 및 16진수 값을 사용하는 방법이 있습니다.

1) 색상 이름을 사용하세요

현재 약 184개의 색상 이름이 있지만 실제로 다양한 브라우저에서 지원되며 CSS 사양으로 권장되는 색상 이름은 16개뿐입니다

에서는 사용하지 않는 것이 좋습니다. 웹 페이지 브라우저에서 일부 색상 이름이 구문 분석되지 않거나 다른 브라우저가 색상을 다르게 해석하는 것을 방지하려면 특히 대규모로 색상 이름을 사용하십시오.

2) 백분율 사용

가장 일반적인 방법은 다음과 같습니다. 예:

color: rgb(100%, 100%, 100%);

이 명령문은 빨간색, 파란색, 녹색의 세 가지 기본 색상을 최대값으로 설정하고 결과 조합은 흰색으로 표시됩니다. 대신 rgb(0%, 0%, 0%)를 검정색으로 설정할 수 있습니다. 세 가지 백분율 값이 동일하면 회색이 표시됩니다. 마찬가지로 백분율 값이 클수록 기본 색상이 선호됩니다.

3) 숫자 값 사용 ​​

숫자 범위는 0~255입니다. 예:

color: rgb(255, 255, 255);

위 명령문은 흰색으로 표시됩니다. 반대로 rgb(0, 0, 0)으로 설정할 수 있습니다. , 검은색으로 표시됩니다. 세 값이 동일하면 표시는 회색으로 표시됩니다. 마찬가지로 값이 클수록 기본 색상의 비율이 높아집니다.

추가 정보:

4) 16진수 색상

가장 일반적으로 사용되는 색상 선택 방법입니다. 예:

color: #ffffff;

여기에서는 16진수 앞에 # 색상 기호를 추가해야 합니다. 위 명령문은 흰색으로 표시됩니다. 반대로 RGB로 설명되는

color: #RRGGBB;

를 검정색으로 설정할 수 있습니다. 실제로 10진수 255는 16진수 색상인 FF와 정확히 같습니다. 는 16진수 값의 3개 그룹과 같으며, 순서대로 연결하면 빨간색, 파란색, 녹색의 3원색과 같습니다.

추천 학습: css 비디오 튜토리얼

위 내용은 CSS 색상을 작성하는 세 가지 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!