โค้ดสีโปร่งใส HTML CSS ด้วย background-color rgba

โค้ดสีโปร่งใส HTML CSS ด้วย background-color rgba บทความนี้สอนเขียนโค้ด HTML ร่วมกับ CSS เพื่อทำให้พื้นหลังเป็นสีโปร่งใส โดยใช้คำสั่ง background-color ร่วมกับ rgba โดยมีรายละเอียดดังนี้

ตัวอย่าง โค้ดสีโปร่งใส HTML CSS ด้วย background-color rgba

<style>
    .bg {
        background-color: red;
        width: 200px;
        text-align: center; 
    }
    .box {
        background-color: rgba(255, 255, 255, 0.7);
    }
    div {
        padding: 5px;
    }
</style>

<div class="bg">
    <div class="box">div พื้นหลังโปร่งใส</div>
</div>

โค้ดสีโปร่งใส HTML CSS จากตัวอย่างแนะนำให้ใช้คำสั่ง background-color: rgba(255, 255, 255, 0.7) หมายความว่ากำหนดสีพื้นหลังด้วยคำสั่ง background-color และกำหนดสีด้วย rgba (Red-Green-Blue-Alpha) กำหนดค่าเป็น 255, 255, 255, 0.7 ได้ผลลัพธ์เป็นพื้นหลังสีขาว ความโปร่งใส 0.7 โดยตัวเลขยิ่งน้อยยิ่งโปร่งใส มีค่าอยู่ระหว่าง 0.0-1.0