Este código es muy útil si queremos crear un paginador en HTML rapidamente.Solo debemos copiar este código nuestro sitio y en el archivo style.css copiar el código que adjunto posteriormente.
<div id="paginacion"> <li><a href="pagina1.html">1</a></li> <li><a href="pagina2.html">2</a></li> <li><a href="pagina3.html">3</a></li> <li><a href="pagina4.html">4</a></li> </div>
Este lo adjuntamos en el archivo style.css , pudiendolos modificar según nuestras necesidades y gustos.
#paginacion ul{
list-style-type: none;
}
#paginacion li{
display: inline;
}
#paginacion li a{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 12px;
color: #003399;
text-decoration: none;
margin: 2px;
padding: 6px;
border: 1px solid #D6D6D6;
}
#paginacion li a:hover{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 12px;
color: #FFFFFF;
text-decoration: none;
margin: 2px;
padding: 6px;
border: 1px solid #D6D6D6;
background-color: #0066CC;
}
If you enjoyed this post, make sure you subscribe to my RSS feed!
