Trang chủ
CSS
Phân trang CSS
Dùng thử: Hiệu ứng chuyển tiếp khi di chuột
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> .pagination { display: inline-block; } .phân trang a { color: black; nổi: trái; phần đệm: 8px 16px; trang trí văn bản: không có; chuyển tiếp: màu nền .3s; } .pagination a.active { màu nền: #4CAF50; màu trắng; } .pagination a:hover:not(.active) {background-color: #ddd;} </style> </head> <body> <h2>Hiệu ứng chuyển tiếp khi di chuột</h2> <p>Di chuyển chuột qua các con số.</p> <div class="pagination"> <a href="#">«</a> <a href="#">1</a> <a href="#" lớp ="active">2</a> <a href="#">3</a> <a href="#">4</a> <a href="#">5</a> < a href="#">6</a> <a href="#">»</a> </div> </body> </html>