Trang chủ
CSS
Độ mờ CSS
Thử: Sử dụng các giá trị độ mờ khác nhau
Chạy ❯
Nhận trang web của
riêng
bạn
×
Thay đổi định hướng
Lưu mã
Thay đổi chủ đề, Tối/Sáng
Đi tới Không gian
<!DOCTYPE html> <html> <head> <style> div { màu nền: #04AA6D; phần đệm: 10px; } div.first { độ mờ: 0,1; } div.giây { độ mờ: 0,3; } div.thứ ba { độ mờ: 0,6; } </style> </head> <body> <h1>Hộp trong suốt</h1> <p>Khi sử dụng thuộc tính độ mờ để thêm độ trong suốt cho nền của một phần tử, tất cả các phần tử con của nó cũng trở nên trong suốt. Điều này có thể làm cho văn bản bên trong phần tử hoàn toàn trong suốt khó đọc:</p> <div class="first"><p>opacity 0.1</p></div> <div class="second"><p> độ mờ 0,3</p></div> <div class="third"><p>độ mờ 0,6</p></div> <div><p>độ mờ 1 (mặc định)</p></div> </body> </html>