在js中，可以通过background属性设置背景颜色的同时设置透明度。下面小编举例讲解css中如何设置透明度。
工具/原料
1
html+css
2
代码编辑器：Zend Studio 12.5.1
方法/步骤
1
新建一个html文件，命名为test.html，用于讲解css中如何设置透明度。
2
在test.html文件中，使用div标签创建两个模块，下面将使用css对两个div进行样式设置。
3
在test.html文件中，分别设置两个div的class属性，分别为demo1、demo2。下面将在样式表中通过两个class来设置样式。
4
在css标签中，对页面的div的样式进行统一设置，定义其宽度、高度都为120px，浮动向左对齐。
5
在css标签中，对class为demo1的div进行样式设置，使用background属性将其背景颜色设置为红色。
6
在css标签中，对class为demo2的div进行样式设置，使用background属性将其背景颜色设置为红色，并在rgba色值的后面加上0.5的透明度。
7
在浏览器打开test.html文件，查看实现的效果。
总结：
1、创建一个test.html文件。 2、在文件内，使用div创建模块。 3、在css样式中，对div进行样式设置，在background属性色值的后面添加透明度设置。例如 ，background:rgba(255,0,0,0.5)，背景颜色为红色，透明度为0.5。
注意事项
background属性中透明度值越小，透明度越高。
上一篇：css:设置右边框的颜色
下一篇：CSS样式基础知识之CSS属性3