CSS에서 색상을 사용하는 방법

CSS에서 색상 속성은 HTML 콘텐츠를 다채롭게 만들기 위해 다음과 같이 여러 곳에서 사용됩니다. : 파란색(파란색), 빨간색(빨간색) 총 17가지 색상을 표현할 수 있습니다(여기서 하나씩 예시를 들지 않으면 의미가 없습니다!)

css 예시: 　body{ padding: 0px;">

을 표현하는 두 번째 방법은 색상의 값을 노란색, 녹색, 파란색 값으로 설정하는 것입니다. 예를 들어 rgb (204,213,9), (r은 빨간색, g는 녹색, b는 나타냅니다. blue.)

괄호 안의 첫 번째 값은 빨간색 값, 두 번째 값은 녹색 값, 세 번째 값은 파란색 값입니다. (각 값의 범위는 0~255) css 예입니다.

　body{ background-color: rgb (100,100,100)};

세 번째

표현 방법은 노란색, 녹색, 파란색 값의 백분율로 색상 값을 설정하는 것입니다. ).%, 20%, 0)

css 예:

　body{

네 번째

표현 방법은 색상의 16진수 값을 설정하는 것입니다. #0123456789abcdef로 시작하는 숫자는 각각 0부터 16까지의 숫자를 나타냅니다. # 뒤의 처음 두 자리는 빨간색 값을 나타내고, 세 번째와 네 번째 숫자는 녹색 값을 나타내며, 마지막 두 자리는 파란색 값을 나타냅니다. cc0066 ;cc는 빨간색 부분, 00은 녹색 부분, 66은 노란색 부분을 나타냅니다. 빨간색 부분의 값은 12*16+12=204, 204는 빨간색의 값입니다

녹색 부분의 값은 0*16+0=0, 0은 녹색 부분의 값, 파란색 부분의 값은 6*16+6=112; 112는 파란색의 값입니다

# 등의 색상 표현 방법도 있을 수 있습니다. c06, red, green, blue 부분의 두 값이 동일하기 때문에 그 값은 #cc0066이고, #c06은 그 약어 #a 6개 값이 모두 같기 때문에 이렇게 표현됩니다. 같음, 값은 #aaaaaa, #a는 약어입니다. 이제는 표현 방법이 비교적 간단하기 때문에

ps. 개발 과정에서 색상 값이 어떤 색상을 표시하는지 알 필요는 없을 것 같습니다. 도구를 사용하면 색상을 선택할 수 있기 때문입니다.

위 내용은 CSS에서 색상을 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!