Cách sử dụng hàm rgba() trong CSS

Sử dụng hàm CSS rgb() để định nghĩa màu theo mô hình RGB.

Sử dụng hàm CSS rgba() để đặt màu RGB với độ trong suốt (opacity).

Bạn có thể chạy mã sau để đặt màu với hàm rgba():

Ví dụ

<!DOCTYPE html> <html>    <head>       <style>          h1 {             background-color:hsl(0,100%,50%);          }          h2 {             background-color:rgb(0,0,255);             color: rgb(255,255,255);          }          p {             background-color:rgba(255,0,0,0.9);          }       </style>    </head>    <body>       <h1>Red Background</h1>       <h2>Blue Background</h2>       <p>This is demo text!</p>    </body> </html>