css常用属性之颜色属性

最新推荐文章于 2023-02-03 11:49:33 发布

打不死滴小强

最新推荐文章于 2023-02-03 11:49:33 发布

阅读量763

点赞数

分类专栏： html5/css相关文章标签： css 属性颜色

本文链接：https://blog.csdn.net/u012859748/article/details/52346717

版权

html5/css相关专栏收录该内容

26 篇文章 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

收藏

觉得还不错? 一键收藏
0
评论
css常用属性之颜色属性

本篇小结颜色属性的一些设置使用。 CSS的常见属性 /* p { color:#ff(红) 66(绿) 00(蓝); } p { color:#f(红) 6(绿) 0(蓝); } p { color:#f60; } p { color:#ff6600; } p { color:#ff0000; } p { color:#
复制链接

扫一扫

专栏目录