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

ตั้งค่าความทึบสำหรับสีพื้นหลังด้วย CSS


ในการตั้งค่าความทึบสำหรับสีพื้นหลัง ให้ใช้คุณสมบัติความทึบด้วยค่าสี RGBA

ตัวอย่าง

คุณสามารถลองเรียกใช้รหัสต่อไปนี้เพื่อใช้คุณสมบัติความทึบ:

<!DOCTYPE html>
<html>
   <head>
      <style>
         div {
            background: rgb(40, 135, 70);
            padding: 20px;
         }
         div.first {
            background: rgba(40, 135, 70, 0.2);
         }
         div.second {
            background: rgba(40, 135, 70, 0.6);
         }
      </style>
   </head>
   <body>
      <p>RGBA color values</p>
      <div class = "first"><p>20% opacity</p></div>
      <div class = "second"><p>60% opacity</p></div>
      <div><p>Default Opacity</p></div>
   </body>
</html>