Trang chủ
CSS
CSS thả xuống
Dùng thử: Hình ảnh thả xuống
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> .dropdown { vị trí: tương đối; hiển thị: khối nội tuyến; } .dropdown-content { hiển thị: không có; vị trí: tuyệt đối; màu nền: #f9f9f9; chiều rộng tối thiểu: 160px; bóng hộp: 0px 8px 16px 0px rgba(0,0,0,0.2); chỉ số z: 1; } .dropdown:hover .dropdown-content { display: block; } .desc { phần đệm: 15px; căn chỉnh văn bản: giữa; } </style> </head> <body> <h2>Hình ảnh thả xuống</h2> <p>Di chuyển chuột qua hình ảnh bên dưới để mở nội dung thả xuống.</p> <div class="dropdown"> < img src="img_5terre.jpg" alt="Cinque Terre" width="100" Height="50"> <div class="dropdown-content"> <img src="img_5terre.jpg" alt="Cinque Terre" width="300" Height="200"> <div class="desc">Cinque Terre tuyệt đẹp</div> </div> </div> </body> </html>