2016 - 2024

感恩一路有你

如何设置透明背景 CSS怎么设置让背景颜色透明,而文字不透明?

浏览量:2686 时间:2021-03-14 07:41:19 作者:admin

CSS怎么设置让背景颜色透明,而文字不透明?

1. 首先,我们创建一个新的HTML文件,添加一个div,设置宽度和高度,并用红色填充背景色。

2. 然后将子div插入父div以定义其宽度、高度和背景色。

3. 然后我们添加一个透明代码(不透明度:0.6)。

4. 在层的顶部,有一个不透明度。我们将PS中图层的不透明度设置为60%。

5. 删除背景颜色和不透明度代码并将其更改为背景-颜色:rgba(255,255,255,0.6)】。

6. 255255255是皮卡中的PS值。

HTML5怎么设置透明色?

问题分析:HTML标签可以使用CSS背景色来设置背景色和透明度。

示例如下:

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

HTML代码:

123456789

CSS代码:

1234567891011131415161718

#TEST-1,#TEST-2,#TEST-3{宽度:300px高度:200px行高:200px文本对齐:中心显示:内联块边距左侧:50px颜色:#FFF}#TEST-1{背景颜色:RGBA(0,0,0,1)}#TEST-2{背景颜色:RGBA RGBA(0,0,0,0.5)}#TEST 3{背景色:rgba(0,0,0,0.2)}

如何设置透明背景 html图片背景颜色透明 html背景透明度

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。