Trang chủ
CSS
Nền CSS
Dùng thử: kích thước nền - sử dụng chứa và che
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> .div1 { border: 1px màu đen đậm; chiều cao: 120px; chiều rộng: 150px; nền: url(img_flwr.gif); lặp lại nền: không lặp lại; kích thước nền: chứa; } .div2 { viền: 1px màu đen; chiều cao: 120px; chiều rộng: 150px; nền: url(img_flwr.gif); lặp lại nền: không lặp lại; kích thước nền: bìa; } .div3 { viền: 1px màu đen; chiều cao: 120px; chiều rộng: 150px; nền: url(img_flwr.gif); lặp lại nền: không lặp lại; } </style> </head> <body> <h1>Thuộc tính kích thước nền</h1> <h2>background-size: contains:</h2> <div class="div1"> <p>Lorem ipsum dolor sit amet.</p> </div> <h2>background-size: cover:</h2> <div class="div2"> <p>Lorem ipsum dolor sit amet.</p> </div> <h2>Không xác định kích thước nền:</h2> <div class="div3"> <p>Lorem ipsum dolor sit amet.</p> </div> <p>Hình gốc:</p> <img src="img_flwr.gif" alt="Hoa" width="224" Height="162"> </body> </html>