分享CSS中设置文字颜色的五种方法

yulia 原创: 2018-09-26 14:25:21 3299浏览

在页面布局时，为了使页面颜色不太单一，需要给文字设置不同的颜色，这篇文章就和大家讲讲怎么给文字设置不同的颜色，都有哪些方法可以设置文字的颜色，有需要的朋友可以参考一下。

CSS中文字的颜色，是通过color属性设置的。

下面是几种方法，都是将文字设置为蓝色。

h3{color:blue;}

h3{color:#00f;}

h3{color:#0000ff;}

h3{color:rgb(0,0,255);}

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

设置某一段落文字的颜色时，通常使用<span>标记，将需要的部分进行单独标注，然后再设置<span>标记的颜色属性。

<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是十六进制的表示方法，其中前两位为红色，中间两位为绿色，最后两位为蓝色，FF即转换为十进制就是255。

当RGB的三个分量都为0时，即显示为黑色，即#000000或者rgb(0%,0%,0%)都表示黑色。

以上就是分享CSS中设置文字颜色的五种方法的详细内容，更多请关注php中文网其它相关文章！

CSS，颜色 PHP课程 HTML视频教程 CSS视频 JS视频教程 Vue视频教程

声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。

上一条：css3文字怎么描边？css3字体描边的实现方法下一条：深入理解CSS中display:none和visibility:hidden的区别