Trang chủ
CSS
Phân trang CSS
Tryit: Phân trang chủ động và có thể 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ó; } .pagination a.active { màu nền: #4CAF50; màu trắng; } .pagination a:hover:not(.active) {background-color: #ddd;} </style> </head> <body> <h2>Phân trang đang hoạt động và có thể 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 class="active" href ="#">2</a> <a href="#">3</a> <a href="#">4</a> <a href="#">5</a> < a href="#">6</a> <a href="#">»</a> </div> </body> </html>