CSS พื้นหลังโปร่งใส ด้วยคำสั่ง opacity

สอนเขียนภาษา CSS พื้นหลังโปร่งใส ด้วยคำสั่ง opacity ของภาษา CSS ตัวอย่างแนะนำวิธีการใช้งานคำสั่ง opacity เพื่อทำให้พื้นหลังของเว็บไซต์มีความโปร่งใส โดยค่า opacity ยิ่งน้อยจะยิ่งโปร่งใสมากขึ้น สามารถเขียนคำสั่งได้ดังนี้

ตัวอย่าง CSS พื้นหลังโปร่งใส ด้วยคำสั่ง opacity

<style>
    body {
        background-color: blue;
        opacity: 0.5;
    }
</style>

CSS พื้นหลังโปร่งใส ตัวอย่างกำหนดให้พื้นหลังเว็บไซต์มีสีฟ้าด้วยคำสั่ง background-color: blue จากนั้นใช้คำสั่ง opacity: 0.5 เป็นการกำหนดให้พื้นหลังของเว็บไซต์ที่เป็นสีฟ้ามีความโปร่งใส 0.5 หรือเทียบได้ประมาณ 50% จากสีเดิม โดยค่าเริ่มต้นของ opacity คือ 1 เทียบได้กับ 100%