집 > 기사 > 웹 프론트엔드 > CSS에서 텍스트 글꼴 색상을 설정하는 방법

CSS에서 텍스트 글꼴 색상을 설정하는 방법

php中世界最好的语言원래의: 2017-12-01 15:10:135192검색

여기서 소개하고 싶은 것은 웹페이지 색상 설정에 포함되는 내용입니다.

1. 일반적으로 사용되는 색상은 다음과 같습니다: 글꼴 색상, 하이퍼링크 색상, 웹 페이지 배경 색상, 테두리 색상

2. 색상 사양 및 색상 규정: 웹 페이지에서는 RGB 모드 색상을 사용합니다. 웹페이지는 요소입니다. 색상을 사용하는 목적은 독특하고 역동적이며(특히 하이퍼링크에 사용됨) 아름다운 동시에 다양한 웹 페이지의 스타일 표현 요소 중 하나입니다.

w3c 표준과 DIV CSS 응용 색상에 따른 기존 HTML 색상과 CSS 색상 비교

CSS 색상 색상 구문:

color:#000000;

Css 스타일에서 색상 바로 뒤에 RGB 색상 값을 추가합니다(#FFFFFF, # 000000, #F00)

RGB 색상 값은 실제 레이아웃 중에 결정되며 Photoshop(줄여서 PS) 선택 도구를 사용하여 얻을 수 있습니다.

DIV 태그 내에서 색상 색상 스타일 사용

div

CSS 선택기 CSS 코드 내에서 색상 색상 스타일 사용:

.div{color :#00F }

/* 개체 div의 텍스트를 파란색으로 설정*/

DIV+CSS 색상 스타일 전체 예:

Css 코드:

.div{color:#00F} /* 개체의 텍스트 설정 div 파란색*/

위에서는 태그 내의 색상 색상 스타일과 CSS 코드의 색상 색상 스타일을 사용합니다.

텍스트 색상 컨트롤은 동일합니다.

기존 HTML과 CSS의 텍스트 색상이 동일한 경우 "color:" + "RGB 색상 값"을 사용하면 됩니다. 색상이 검은색 텍스트인 경우 "color:#000"을 추가하세요. ;"를 CSS 속성 선택기에 추가합니다. "그게 다입니다.

웹 페이지 배경색 설정의 차이점

배경색의 기존 설정에서는 "bgcolor=색상 값"을 사용하지만 CSS에서는 "배경:" + 색상 값을 사용합니다. 예를 들어, 배경을 검은색으로 설정합니다. 즉, 태그에 "bgcolor="#000""을 추가하여 W3C에 있는 경우 항상 "배경:#000"이 됩니다. " 해당 CSS 선택기에서 수행합니다.

테두리 색상 차이 설정

CSS의 기존 "bordercolor=value", "border-color:" + 색상 값. 예: 기존 HTML에서는 "bordercolor="#000""을 테이블 태그에 직접 추가하면 됩니다. 현재 CSS에서는 테두리 색상을 검은색으로 설정해야 합니다. 스타일(점선, 구현)

16개의 키워드는 Windows VGA 팔레트에서 가져옵니다: 아쿠아, 블랙, 블루, 퓨샤, 그레이, 그린, 그레이, 마룬, 네이비, 올리브, 퍼플, 레드, 실버, 시안, 화이트, 옐로우.

RGB 색상은 4가지 방법 중 하나를 제공합니다.

1. #rrggbb (예: #00cc00) (색상 값을 표현하는 데 사용하는 것이 좋습니다)

2. #RGB (예: #0c0)

3. , RGB(十中,x,x) x는 0에서 255 사이의 포함 정수입니다(예: RGB(0,204,0))

4, RGB(Ÿ%, Ÿ%, Ÿ%), 여기서 y는 포함됩니다. 0.0에서 100.0 사이의 수량(예: RGB(0%, 80%, 0%))

CSS 스타일을 사용하여 개체 콘텐츠 색상을 설정하려면 명명된 CSS 클래스 개체 스타일을 사용하여 색상을 설정하고 색상 스타일도 설정할 수 있습니다. html 태그 내에서 직접. 위에서도 텍스트 내용의 색상을 설정하는 두 가지 방법을 자세히 소개하고 연습했습니다.

이 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!