css常用属性之颜色属性

原创 2016年08月28日 17:23:23

本篇小结颜色属性的一些设置使用。

<!doctype html>
<html>
	<head>
		<title>CSS的常见属性</title>
		<meta charset="utf-8">
		<style type="text/css">
		/*
			p { color:#ff(红)  66(绿)  00(蓝); }
			p { color:#f(红)  6(绿)  0(蓝); }
		p { color:#f60; }
		p { color:#ff6600; }
		
		p { color:#ff0000; }
		
		p { color:#f00; }
		
		p { color:rgb(红(r),绿(g),蓝(b))}  0~255的取值范围
		
		红色  p { color:rgb(255,0,0)}
		
		绿色
		
		p { color:rgb(0,255,0)}
		
		p { color:rgb(182,22,206)}
		
		*/
		.ha { color:rgba(182,22,206,1)} 
		.hb { color:rgba(182,22,206,0.8)}
		.hc { color:rgba(182,22,206,0.6)}
		.hd { color:rgba(182,22,206,0.4)}
		.he { color:rgba(182,22,206,0.2)}
		.hf { color:rgba(182,22,206,0)}
		
		</style>
	</head>
	<body>
		<p>
			<h1 class="ha">winson</h1>
			<h1 class="hb">winson</h1>
			<h1 class="hc">winson</h1>
			<h1 class="hd">winson</h1>
			<h1 class="he">winson</h1>
			<h1 class="hf">winson</h1>
		</p>
	</body>
</html>

其中 rgba中的a是alpha(透明度)的意思,其取值范围:0~1。



版权声明:本文为博主原创文章,未经博主允许不得转载。

CSS3新增颜色属性

CSS颜色属性复习color name 颜色英文名称命名(如red,blue,pink,white等) HEX方式 十六进制方式(#FF0000,#B9B9B9等) rgb...

css颜色属性

1.在CSS中如何通过color属性来修改文字颜色 格式: color: 值; 取值: 1.1英文单词 一般情况下常见的颜色都有对应的英文单词, 但是英文单词能够表达的颜色是有限制的, 也就是...

css基础学习之文本和颜色属性

一,文本属性 06-css文本数属性.html

Android5.0常用颜色属性说明

在使用Eclipse的时代,我们很少去在style文件给整个应用或者Activity去设定颜色,那是因为即使设置也不会提升用户的视觉效果。但是材料设计号称让没有设计功底的人也能做出漂亮的App,那我们...

熟悉css/css3颜色属性

熟悉css/css3颜色属性   颜色属性无处不在。字体要用颜色,背景可以有颜色,粒子特效更是离不开颜色。本文参考了一些资料简单总结下以备日后查阅。   css中颜色的定义方式: 十六进制色RGB...

HTML+CSS编写静态网站-20 CSS颜色属性详解

视频教程观看地址:http://study.163.com/course/courseMain.htm?courseId=1003879015 我们已经了解了CSS中几种不同类型的属性,但我们还...

CSS-颜色属性+颜色函数+自定义变量

时间:2017年5月8日16:08:13     离开校园踏入职场,不是到达人生巅峰,而是人生才刚刚开始。校园里学的知识远不足工作需求,而且校园里的学习深度也比较浅显。因此,对于刚毕业前三年的工程师...

CSS颜色属性,边框属性

CSS颜色属性复习 color name     颜色英文名称命名 HEX方式         十六进制方式 rgb方式           三原色配色方式 CSS3新增颜...

css初步学习1——css格式,文字处理属性,颜色属性

css格式,文字处理属性,颜色属性
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:css常用属性之颜色属性
举报原因:
原因补充:

(最多只允许输入30个字)