关闭

css常用属性之颜色属性

标签: css属性 颜色
167人阅读 评论(0) 收藏 举报
分类:

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

<!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。



0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:24029次
    • 积分:759
    • 等级:
    • 排名:千里之外
    • 原创:52篇
    • 转载:4篇
    • 译文:0篇
    • 评论:5条
    最新评论