資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化學
生物
數學
英語
經濟學
心理學
社會學
時尚研究
法律研究CSS3 中的 RGBA 顏色值
RGBA 顏色值表示紅色、綠色、藍色和 Alpha。Alpha 表示顏色的不透明度，即介於 0.0 和 1.0 之間的一個數字。其中，1.0 表示完全不透明。在此，我們可以看到使用 RGBA 中的 Alpha 引數建立的不透明度差異。
語法
以下是 RGBA 顏色的語法 −
rgba(red, green, blue, alpha)
上述值會新增到 rgba() 方法中。
紅色
將顏色設定為 −
0 到 255 之間的整數。
0% 到 100% 之間的百分比
綠色
將顏色設定為 −
0 到 255 之間的整數。
0% 到 100% 之間的百分比
藍色
將顏色設定為 −
0 到 255 之間的整數。
0% 到 100% 之間的百分比
Alpha
Alpha 是一個數字，表示 −
完全透明：0.0
不透明：1.0
使用 RGBA 設定文字背景色
現在，我們看一個示例，使用 RGBA 顏色值設定文字背景色 −
示例
<!DOCTYPE html>
<html>
<head>
<style>
#demo1 {background-color:rgba(108,111,35,0.6);}
#demo2 {background-color:rgba(108,111,35,0.5);}
#demo3 {background-color:rgba(108,111,35,0.4);}
#demo4 {background-color:rgba(108,111,35,0.3);}
#demo5 {background-color:rgba(108,111,35,0.2);}
#demo6 {background-color:rgba(108,111,35,0.1);}
</style>
</head>
<body>
<h1>Cricketers</h1>
<p id="demo1">David Warner</p>
<p id="demo2">Steve Smith</p>
<p id="demo3">Mark Waugh</p>
<p id="demo4">Steve Waugh</p>
<p id="demo5">David Johnson</p>
<p id="demo6">Andy Bichel</p>
</body>
</html>
更新於： 2023 年 12 月 26 日
157 瀏覽量
Advertisement