Trang chủ
CSS
Chú giải công cụ CSS
Thử: Đặt chú giải công cụ ở bên trái
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> <style> .tooltip { vị trí: tương đối; hiển thị: khối nội tuyến; viền dưới: 1px chấm đen; } .tooltip .tooltiptext { khả năng hiển thị: ẩn; chiều rộng: 120px; màu nền: đen; màu sắc: #fff; căn chỉnh văn bản: giữa; bán kính đường viền: 6px; phần đệm: 5px 0; /* Định vị chú giải công cụ */ vị trí: tuyệt đối; chỉ số z: 1; trên cùng: -5px; phải: 105%; } .tooltip:hover .tooltiptext { khả năng hiển thị: hiển thị; } </style> <body style="text-align:center;"> <h2>Chú giải công cụ bên trái</h2> <p>Di chuyển chuột qua văn bản bên dưới:</p> <div class="tooltip"> Di chuột qua tôi <span class="tooltiptext">Văn bản chú giải công cụ</span> </div> </body> </html>