溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章將為大家詳細講解有關CSS設置半透明度的方法，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。
在前端頁面開發布局的時候，為了給用戶呈現不同的效果，經常需要設置透明度，那么css是怎樣設置透明度的？本章給大家介紹用css設置透明度的兩種方法（代碼實例）。
cssrgba()設置顏色半透明度
語法：
1
rgba（R,G,B,A）;
RGBA是代表Red（紅色）Green（綠色）Blue（藍色）和Alpha（不透明度）三個單詞的縮寫。RGBA顏色值是RGB顏色值的擴展，帶有一個alpha通道-它規定了對象的不透明度。
rgba（)里的值的介紹：
R：紅色值。正整數（0~255）
G：綠色值。正整數（0~255）
B：藍色值。正整數（0~255）
A：透明度。取值0~1之間
rgba()只是單純的可以設置顏色透明度，這樣在頁面的布局中有很多應用。比如說：讓背景出現透明效果，但上面的文字不透明。
cssopacity屬性設置背景半透明度
語法：
1
opacity:value;
value：指定不透明度，從0.0（完全透明）到1.0（完全不透明）。
opacity屬性具有繼承性，會使容器中的所有元素都具有透明度；
代碼實例：
<!DOCTYPEhtml>
<html>
<head>
<metacharset="UTF-8">
<title>opacity屬性</title>
<style>
.demo{
width:280px;
height:140px;
margin:50pxauto;
}
.demo1,.demo2{
width:120px;
height:120px;
margin:10px;
float:left;
background:#2DC4CB;關于“CSS設置半透明度的方法”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
