首頁 > web前端 > css教學 > css如何設定透明背景

css如何設定透明背景

coldplay.xixi
發布: 2023-01-03 09:30:02
原創
12457 人瀏覽過

css設定透明背景的方法:先取得想要顏色值;然後把RBG值轉換為數值;最後把值設定到css上,並且設定透明度即可,程式碼為【background-color:rgba (220,38,38,0.2);}】。

css如何設定透明背景

本教學操作環境:windows7系統、css3版,DELL G3電腦。

css設定透明背景的方法:

1、取得你想要顏色值。

css如何設定透明背景

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、效果就出來了

css如何設定透明背景

#相關學習推薦:css教學

以上是css如何設定透明背景的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板