Bottoni Pagination

Rounded Active and Hover Buttons

ESEMPIO: copia codice
 /* QUESTO VA NEL HEAD*/


<style>
.pagination {
  display: inline-block;}
.pagination a {

  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;}
.pagination a.active {
  background-color: #4CAF50;
  color: white;
  border-radius: 5px;}

.pagination a:hover:not(.active) {
  background-color: #ddd;
  border-radius: 5px;}
</style>



 /* QUESTO VA NEL BODY*/


<h2>Rounded Active and Hover Buttons</h2>
 
<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>

.. Scarica lo Zip - Meglio se Salvi la pagina:

♣ © All Rights Reserved - www.isolajava.com ♣