BetaCodophile is currently in active development. Features may change rapidly! 🚀
Back to CSS

Pagination

Customize navigation links with various styles, sizes, and states.

Layout & Style

Size & Spacing

0px

Appearance

Alignment

CSS Output
.pagination { display: flex; list-style: none; padding: 0; margin: 0; justify-content: center; gap: 0px; } .pagination li a { display: block; padding: 8px 16px; font-size: 16px; text-decoration: none; color: #fff; border: 1px solid transparent; border-radius: 4px; transition: all 0.3s ease; } .pagination li a:hover:not(.active) { background-color: rgba(255, 255, 255, 0.1); } .pagination li a.active { background-color: #06b6d4; color: white; border-color: #06b6d4; }