>  기사  >  웹 프론트엔드  >  CSS 색상 사용 지침 color_Basic tutorial

CSS 색상 사용 지침 color_Basic tutorial

WBOY
WBOY원래의
2016-05-16 12:05:112318검색

red

rgb(255,0,0)과 동일

rgb(100%,0%,0%)과 동일

#ff0000
#f00과 동일
미리 결정된 17가지 색상이 있습니다.
아쿠아, 블랙, 블루, 자홍색, 그레이, 그린, 라임, 마룬, 네이비,
올리브, 오렌지, 퍼플 , 빨간색, 은색, 청록색, 흰색, 노란색
 transparent도 올바른 값입니다.

RGB의 세 가지 값은 0부터 255까지이며 0은 가장 낮은 수준, 255는 가장 높은 수준이며 이 값은 백분율일 수도 있습니다.

우리는 보통 0~9까지의 10진수 표기법을 사용하는데, 16진수는 0~f까지의 16진수를 사용합니다.

3자리 또는 6자리의 16진수 길이 앞에 # 문자가 옵니다. 예를 들어 #f00은 ff0000의 압축 형식이고 #c96은 #cc9966입니다. 세 자리 숫자는 RGB처럼 이해하기 쉽습니다. 첫 번째는 빨간색, 두 번째는 녹색, 세 번째는 파란색입니다. 그러나 6자리 숫자는 더 많은 색상 제어를 제공합니다.

color 및 background-color

색상에는 color 및 background-color를 사용할 수 있습니다. 미국 영어에서는 "color"가 "color"가 아닙니다.
파란색 배경, 노란색 텍스트:


h1 {
색상: 노란색
배경색: 파란색
}
이 색상은 거칠 수 있습니다. 다른 색상을 사용할 수 있습니다:


body {
글꼴 크기: 0.8em;
color: navy
}
h1 {
color: #ffc;
background-color: #009;
}
h1이 노란색과 파란색으로 변한 것을 볼 수 있습니다.
색상과 배경색은 본문을 포함한 대부분의 HTML 요소에 사용할 수 있습니다.

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.