CSS Paginare. Paginarea activă și hoverable. Clasa .active. Selectorul :hover. Butoane rotunjite active și hoverable. Proprietatea border-radius.

Paginarea activă și hoverable

Evidențiați pagina curentă cu o clasă .active și folosiți selectorul :hover pentru a schimba culoarea fiecărei linii de pagină atunci când deplasați mouse-ul peste ele:



Exemplu:

.pagination a.active {
  background-color: #4CAF50;
  color: white;
}

.pagination a:hover:not(.active) {background-color: #ddd;}

Butoane rotunjite active și hoverable

Dacă doriți un buton rotund „active” și „hover” adăugați proprietatea border-radius:



Exemplu:

.pagination a {
  border-radius: 5px;
}

.pagination a.active {
  border-radius: 5px;
}