分享CSS中设置文字颜色的五种方法
程序员文章站
2022-04-04 16:16:39
...
在页面布局时,为了使页面颜色不太单一,需要给文字设置不同的颜色,这篇文章就和大家讲讲怎么给文字设置不同的颜色,都有哪些方法可以设置文字的颜色,有需要的朋友可以参考一下。
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中设置文字颜色的五种方法的详细内容,更多请关注其它相关文章!
推荐阅读
-
如何设置网页中的一段文字,使它的宽度是页面宽度的62%且能自动换行?_html/css_WEB-ITnose
-
CSS下划线与文字间距,下划线粗细以及下划线颜色的设置
-
使用css3背景渐变中的透明度来设置不同颜色的背景渐变_html/css_WEB-ITnose
-
css中背景(属性、颜色、图片)设置总结分享
-
设置SQLServer数据库中某些表为只读的多种方法分享
-
设置SQLServer数据库中某些表为只读的多种方法分享
-
css设置字体样式属性(分享css设置字体颜色的代码)
-
css设置字体样式属性(分享css设置字体颜色的代码)
-
使用css3背景渐变中的透明度来设置不同颜色的背景渐变
-
Sencha toucha2中设置文本框默认提示文字的PlaceHolder属性的颜色