CSS中设置文字颜色的方法

发布时间:2020-05-09 15:10:20 作者:小新
来源:亿速云 阅读:291

在页面布局时,为了使页面颜色不太单一,需要给文字设置不同的颜色,今天小编给大家分享的是CSS中设置文字颜色的方法,相信很多人都不太了解,为了让大家更加了解CSS中设置文字颜色的方法,所以给大家总结了以下内容,一起往下看吧。一定会有所收获的哦。

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

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

h4{color:blue;}

h4{color:#00f;}

h4{color:#0000ff;}

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

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

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

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

<body>
<h3>冬至的由来</h3>
<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中设置文字颜色的方法就分享到这里了,希望以上内容可以对大家有一定的参考价值,可以学以致用。如果喜欢本篇文章,不妨把它分享出去让更多的人看到。

推荐阅读:
  1. css中设置hr样式的方法
  2. css中怎么实现文字颜色渐变效果

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

css 中设置

上一篇:java获取指定日期的两种方法

下一篇:CentOS下最新源代码包编译安装及搭建LNMP环境方法

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》