Rumah > hujung hadapan web > tutorial css > css如何设置透明背景

css如何设置透明背景

coldplay.xixi
Lepaskan: 2023-01-03 09:30:02
asal
12467 orang telah melayarinya

css设置透明背景的方法:首先获取想要颜色值;然后把RBG值转换为数值;最后把值设置到css上,并且设置透明度即可,代码为【background-color:rgba(220,38,38,0.2);}】。

css如何设置透明背景

本教程操作环境:windows7系统、css3版,DELL G3电脑。

css设置透明背景的方法:

1、获取你想要颜色值。

400ce97903a5617178c558b1b2c5030.png

2、把RBG值转换为数值 ,也就是16进制数值转换10进制

   dc = 220  
   26 = 38
   26 = 38
Salin selepas log masuk

3、把值设置到css上,并且设置透明度

.title_div{width: 100%;
height: 30px; 
line-height: 30px;
text-align: center;
color:white; 
background-color:rgba(220,38,38,0.2);}
<div class="title_div">
    设备初始化设置
    </div>
Salin selepas log masuk

4、效果就出来了

a724d6ebf3fcfa9c84684ecf4f3a5b4.png

相关学习推荐:css教程

Atas ialah kandungan terperinci css如何设置透明背景. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan