html5透明,html5透明背景怎么做

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

HTML5怎么设置透明色

问题分析：

HTML的标签可以使用CSS的background-color来设置背景颜色以及透明度。

举例如下：

以下示例将分别演示不透明、50%透明度以及20%透明度的三种不同效果。

HTML代码：

123456789

div id="test-1" 我是黑色背景，不透明的。/divdiv id="test-2" 我是黑色背景，50%透明度。/divdiv id="test-3" 我是黑色背景，20%透明度。/div

CSS代码：

123456789101112131415161718

#test-1, #test-2, #test-3{ width: 300px; height: 200px; line-height: 200px; text-align: center; display: inline-block; margin-left: 50px; color: #FFF;}#test-1{ background-color: rgba(0,0,0,1);}#test-2{ background-color: rgba(0,0,0,0.5);}#test-3{ background-color: rgba(0,0,0,0.2);}