Trang chủ
CSS
Độ mờ CSS
Dùng thử: Giá trị Opacity và RGBA
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 { nền: rgb(4, 170, 109); phần đệm: 10px; } div.first { nền: rgba(4, 170, 109, 0.1); } div.giây { nền: rgba(4, 170, 109, 0.3); } div.third { nền: rgba(4, 170, 109, 0.6); } </style> </head> <body> <h1>Hộp trong suốt</h1> <p>Có độ mờ:</p> <div style="opacity:0.1;"><p>Độ mờ 10%</p> p></div> <div style="opacity:0.3;"><p>Độ mờ 30%</p></div> <div style="opacity:0.6;"><p>Độ mờ 60%</p></div> <div style="opacity:0.6;"><p>Độ mờ 60%</p></div> p></div> <div><p>độ mờ 1</p></div> <p>Với giá trị màu RGBA:</p> <div class="first"><p>độ mờ 10%</p> p></div> <div class="second"><p>Độ mờ 30%</p></div> <div class="third"><p>Độ mờ 60%</p></div> <div><p>mặc định</p></div> <p>Chú ý cách văn bản trở nên trong suốt cũng như màu nền khi sử dụng thuộc tính opacity.</p> </body> </html>