html5指定透明色,HTML5怎么设置透明色

满意答案

jiang_123

2017.12.21

采纳率：43%    等级：8

已帮助：858人

问题分析：

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

举例如下：

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

HTML代码：

123456789

我是黑色背景，不透明的。

我是黑色背景，50%透明度。

我是黑色背景，20%透明度。

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);}

00分享举报