css中,如何设置前景色的透明度?

html-css062

css中,如何设置前景色的透明度?,第1张

1、准备好初始化的代码

<html>

<head>

<meta charset="utf-8"/>

<style>

</style>

</head>

<body>

<div></div>

</body>

</html>

2、初始化样式

div{

border:1px red solid

width:800px

height:800px

background-color:blue

}

3、运行结果为

4、设置背景颜色半透明的样式代码background-color:rgba(0,0,255,0.5)

5、运行结果为

透明原理:把背景颜色设置为rgb的方式,然后再加一个透明度就可以设置为半透明了。

注意:设置背景颜色时哪里应该写成rgba。

关于透明 rgba()  里面有四个参数,前三个是颜色,最后一个是透明度(范围是0到1)

然后可以用一个小工具                    

 想要什么颜色就可以自己吸取