CSS设置文字颜色

————CSS 专栏收录该内容
39 篇文章 0 订阅

CSS设置文字颜色


          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%)都表示黑色。

 

  • 2
    点赞
  • 0
    评论
  • 6
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 编程工作室 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值