當(dāng)前位置：首頁 > 编程资源 > 综合教程 >内容正文

综合教程

css如何设置背景透明

發(fā)布時間：2023/12/29 综合教程 27 生活家

生活随笔收集整理的這篇文章主要介紹了 css如何设置背景透明小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

本教程操作環(huán)境：windows10系統(tǒng)、css3版，DELL G3電腦，該方法適用于所有品牌電腦。

css設(shè)置背景透明的方法：

1、創(chuàng)建一個html文件。如圖

2、在html文件找到一個<body>標(biāo)簽，在這個標(biāo)簽里創(chuàng)建一個<div>標(biāo)簽并添加一個類，在這把這個類設(shè)置為：rgba。如圖

代碼：


<div class="rgba"></div>

登錄后復(fù)制

3、為div添加樣式。在<title>標(biāo)簽后面創(chuàng)建一個<style>，在<style>標(biāo)簽里設(shè)置rgba類的高和背景透明度的樣式（rgba(R,G,B,A)）。透明度參數(shù)，取值在0~1之間，不可為負(fù)值，透明度參數(shù)越小透明度越高。如圖

代碼：


<style type="text/css">
.rgba{
background-color: rgba(0,0,0,0.5);
height: 200px;
}
</style>

登錄后復(fù)制

4、保存后使用瀏覽器查看。可以看到當(dāng)透明度為由0.1修改為1時div背景由灰色變?yōu)榱撕谏Ｈ鐖D：

以上就是css如何設(shè)置背景透明的詳細(xì)內(nèi)容，更多請關(guān)注風(fēng)君子博客其它相關(guān)文章！

總結(jié)

以上是生活随笔為你收集整理的css如何设置背景透明的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。