Computer >> Máy Tính >  >> Lập trình >> CSS

Giá trị màu RGBA trong CSS3

Giá trị màu RGBA dành cho Đỏ, Xanh lục, Xanh lam và Alpha. Alpha là độ mờ của màu, tức là một số trong khoảng từ 0,0 đến 1,0. Ở đây, 1.0 sẽ là hoàn toàn không rõ ràng. Tại đây, chúng ta có thể thấy sự khác biệt về độ mờ được tạo bằng tham số Alpha trong RGBA -

Giá trị màu RGBA trong CSS3

Ví dụ

Bây giờ chúng ta hãy xem một ví dụ cho các giá trị màu 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>

Đầu ra

Giá trị màu RGBA trong CSS3