Active Pagination Item

Preview

Code

<style>
.pagination a{
padding:8px 12px;
border:1px solid #ddd;
margin:2px;
text-decoration:none;
}

.pagination a.active{
background:#2563eb;
color:white;
}
</style>

<div class="pagination">
<a href="#">1</a>
<a class="active" href="#">2</a>
<a href="#">3</a>
<a href="#">4</a>
</div>

More CSS Pagination Examples (8)

Basic Pagination Pagination Hover Effect Rounded Pagination Centered Pagination Disabled Pagination Item Pagination With Shadow Pill Pagination Flexbox Pagination