rgba有四个值，前三个值都是数字，用来调颜色，最后一个值表示透明度，值在0-1。

1表示不透明，0表示透明，0-1之间可以调整透明的程度

最后值为0时 
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			div{
				width:100px;
				height:50px;
	            background-color: rgba(100,10,20,0);
			
			}
		</style>
	</head>
	<body>
		<div></div>
	</body>
</html>

 

 

值为1时

 

 

 

 

 

 

 

 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			div{
				width:100px;
				height:50px;
	            background-color: rgba(100,10,20,1);
			
			}
		</style>
	</head>
	<body>
		<div></div>
	</body>
</html>

 

值在0-1之间，0.5

 

 

 

 

 

 

 

 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			div{
				width:100px;
				height:50px;
	            background-color: rgba(100,10,20,0.5);
			
			}
		</style>
	</head>
	<body>
		<div></div>
	</body>
</html>

 

Logo
华为云开发者联盟

为开发者提供学习成长、分享交流、生态实践、资源工具等服务，帮助开发者快速成长。

更多推荐

cover

从原始边列表到邻接矩阵Python实现图数据处理的完整指南

avatar 华为云开发者联盟
cover

华为云云原生FinOps解决方案，释放云原生最大价值

avatar 华为云开发者联盟
cover

解锁HDC 2024之旅：从购票到报名，全程攻略

avatar 华为云开发者联盟