CloseTag | الشروحات | CSS | ترقيم الصفحات بلغة CSS | CSS Pagination

<!DOCTYPE html>
<html>
<head>
<style>
.center
{
text-align:center;
}
.pagination
{
  display: inline-block;
}

.pagination a
{
  color: black;
  float: left;
  padding: 10px 20px;
  text-decoration: none;
  border:black solid 1px;
}

.active
{
  background-color:#007bff;
  color:white !important;
}


</style>
</head>
<body>

<h1>CSS Center Pagination</h1>

<div class="center">
  <div class="pagination">
    <a href="#">&laquo;</a>
    <a href="#" class="active  rounded">1</a>
    <a href="#">2</a>
    <a href="#">3</a>
    <a href="#">4</a>
    <a href="#">5</a>
    <a href="#">6</a>
    <a href="#">&raquo;</a>
  </div>
</div>

</body>
</html>