Trang chủ
CSS
Phân trang CSS
Tryit: Làm tròn phân trang hoạt động và 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; bán kính đường viền: 5px; } .pagination a:hover:not(.active) { màu nền: #ddd; bán kính đường viền: 5px; } </style> </head> <body> <h2>Nút di chuột và hoạt động được làm tròn</h2> <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>