Css

Search

pagination in css

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

.pagination a {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color .3s;
  border: 1px solid #ddd;
  font-size: 22px;
}

.pagination a.active {
  background-color: #4CAF50;
  color: white;
  border: 1px solid #4CAF50;
}

.pagination a:hover:not(.active) {background-color: #ddd;}
</style>
</head>
<body>

<h2>Pagination Size</h2>

<p>Change the font-size property to make the pagination smaller or bigger.</p>

<div class="pagination">
  <a href="#">&laquo;</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="#">&raquo;</a>
</div>

</body>
</html>

Comment

pagination html css how to working

<nav aria-label="...">
  <ul class="pagination">
    <li class="page-item disabled">
      <a class="page-link" href="#" tabindex="-1">Previous</a>
    </li>
    <li class="page-item"><a class="page-link" href="#">1</a></li>
    <li class="page-item active">
      <a class="page-link" href="#">2 <span class="sr-only">(current)</span></a>
    </li>
    <li class="page-item"><a class="page-link" href="#">3</a></li>
    <li class="page-item">
      <a class="page-link" href="#">Next</a>
    </li>
  </ul>
</nav>

Comment

PREVIOUS	NEXT

Code Example
Css :: font weight
Css :: shrink a div by 50%
Css :: alternate css animation
Css :: Media Query Smartphone Portrait
Css :: can we block onclick of button using css
Css :: css math functions
Css :: animate progress tag css
Css :: the package could not be installed. the theme is missing the style.css stylesheet
Css :: css remove whitespace around element
Css :: css button click animation
Css :: css text shadow
Css :: button transparent using css
Css :: <link
Css :: fixed table header css
Css :: hex codes of bootstrap colours
Css :: This message is shown once a day. To disable it please create
Css :: Border property to set the LEFT border to "dotted"
Css :: move text in a padding css
Css :: css responsive image
Css :: gradient btn
Css :: sass variable
Css :: css overflow
Css :: how make button which is fixed even after i scroll
Css :: html style input number buttons
Css :: two line ellipsed
Css :: css after hover
Css :: To set HTML attribute and css styles in html helper control in mvc
Css :: deploy truffle project on testnet
Css :: css set styles for input text
Css :: how to comment in css

Search

CSS

pagination in css

pagination html css how to working

ADD CONTENT