> 웹 프론트엔드 > CSS 튜토리얼 > CSS에서 텍스트 색상을 설정하는 5가지 방법 공유

CSS에서 텍스트 색상을 설정하는 5가지 방법 공유

yulia
풀어 주다: 2018-09-26 14:25:21
원래의
3906명이 탐색했습니다.

페이지 레이아웃을 구성할 때 페이지 색상을 덜 균일하게 만들려면 텍스트에 다른 색상을 설정해야 합니다. 이 글에서는 텍스트에 다른 색상을 설정하는 방법에 대해 설명합니다. 필요한 경우 친구가 참조할 수 있습니다.

CSS의 중국어 텍스트 색상은 색상 속성을 통해 설정됩니다.

다음은 여러 가지 방법으로, 모두 텍스트를 파란색으로 설정합니다.

h3{색상:파랑;}

h3{색상:#00f;}

h3{색상:#0000ff;}

h3{색상:rgb(0,0,255);}

h3{색상:rgb (0%,0%,100%);}

텍스트의 특정 단락의 색상을 설정할 때 일반적으로 태그를 사용하여 필요한 부분을 별도로 표시한 다음 < ;스팬>

<span style="font-size:24px;"><html>
<head>
<title>文字颜色</title>
<style>
<!--
h2{color:rgb(0%,0%,80%);}
p{color:#333333;
font-size:13px;}
p span{color:blue;}
-->
</style>
</head>

<body>
<h2>冬至的由来</h2>
<p>
<span>冬至</span>过节源于汉代,盛于唐宋,相沿至今。《清嘉录》甚至有“<span>冬至</span>大如年”之说。这表明古人对<span>冬至</span>十分重视。人们认为<span>冬至</span>是阴阳二气的自然转化,是上天赐予的福气。汉朝以<span>冬至</span>为“冬节”,官府要举行祝贺仪式称为“贺冬”,例行放假。《后汉书》中有这样的记载:“<span>冬至</span>前后,卷子安身静体,百官绝事,不听政,择吉辰而后省事。”所以这天朝廷上下要放假休息,军队待命,边塞关闭,商旅停业,亲朋各以美食相赠,相互拜访,欢乐的度过一个“安身静体”的节日。
</p>
<p>
唐、宋时期,<span>冬至</span>是祭天祭祀祖的日子,皇帝在这天要到郊外举行祭天大典,百姓在这一天要向父母尊长祭拜,现在仍有一些地方在<span>冬至</span>这天过节庆贺。
</p>
</body>
</html>
</span>
로그인 후 복사

HTML 페이지에서 색상은 일반적으로 빨간색, 녹색, 파란색의 세 가지 기본 색상 모드라고 부르는 RGB 형식으로 균일하게 표시됩니다.

각 색상은 이 세 가지 색상의 서로 다른 비율로 구성되며 0~255 레벨로 구분됩니다. 세 가지 구성 요소를 모두 255로 설정하면 흰색 또는 RGB(100%, 100%, 100%) 또는 #을 의미합니다. FFFFFF는 둘 다 흰색을 나타냅니다.

#FFFFFF는 16진수 표현으로 처음 두 자리는 빨간색, 가운데 두 자리는 녹색, 마지막 두 자리는 파란색으로 FF를 10진수로 변환하면 255입니다.

RGB의 세 가지 구성 요소가 모두 0이면 검은색으로 표시됩니다. 즉, #000000 또는 rgb(0%,0%,0%)는 모두 검은색을 나타냅니다.

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

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿