Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> CSS

ค่าสี RGBA ใน CSS3


ค่าสี RGBA สำหรับสีแดง สีเขียว สีน้ำเงิน และอัลฟ่า อัลฟ่าคือความทึบของสี เช่น ตัวเลขระหว่าง 0.0 ถึง 1.0 ที่นี่ 1.0 จะเป็นแบบเต็มทึบ ที่นี่ เราจะเห็นความแตกต่างของความทึบที่สร้างขึ้นด้วยพารามิเตอร์ Alpha ใน RGBA -

ค่าสี RGBA ใน CSS3

ตัวอย่าง

เรามาดูตัวอย่างค่าสี 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>

ผลลัพธ์

ค่าสี RGBA ใน CSS3