Trang chủ
CSS
Phân trang CSS
Dùng thử: Kích thước phân trang
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; đường viền: 1px liền khối #ddd; cỡ chữ: 22px; } .pagination a.active { màu nền: #4CAF50; màu trắng; đường viền: 1px liền khối #4CAF50; } .pagination a:hover:not(.active) {background-color: #ddd;} </style> </head> <body> <h2>Kích thước phân trang</h2> <p>Thay đổi thuộc tính cỡ chữ để làm cho phân trang nhỏ hơn hoặc lớn hơn.</p> <div class="pagination"> <a href="#">«</a> <a href="#">1</a> <a href ="#" class="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>