Để đặt độ mờ cho màu nền, hãy sử dụng thuộc tính độ mờ với các giá trị màu RGBA.
Ví dụ
Bạn có thể thử chạy mã sau để triển khai thuộc tính độ mờ:
<!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>