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

css如何设置透明背景

coldplay.xixi
coldplay.xixiasal
2021-03-16 14:16:5712406semak imbas

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

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>

4、效果就出来了

a724d6ebf3fcfa9c84684ecf4f3a5b4.png

相关学习推荐:css教程

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

Kenyataan:
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 sebelumnya:css怎样设置背景透明Artikel seterusnya:css如何设置文字颜色