當前位置：首頁 > 编程资源 > 综合教程 >内容正文

综合教程

css如何设置背景透明

發布時間：2023/12/29 综合教程 19 生活家

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

本教程操作環境：windows10系統、css3版，DELL G3電腦，該方法適用于所有品牌電腦。

css設置背景透明的方法：

1、創建一個html文件。如圖

2、在html文件找到一個<body>標簽，在這個標簽里創建一個<div>標簽并添加一個類，在這把這個類設置為：rgba。如圖

代碼：


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

登錄后復制

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

代碼：


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

登錄后復制

4、保存后使用瀏覽器查看。可以看到當透明度為由0.1修改為1時div背景由灰色變為了黑色。如圖：

以上就是css如何設置背景透明的詳細內容，更多請關注風君子博客其它相關文章！

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。