¿Cómo crear: siguiente y anterior?
- Página anterior Botón de icono
- Página siguiente Botón más en la navegación
Aprende a usar CSS para crear los botones de siguiente y anterior.
Botones de siguiente y anterior
¿Cómo crear los botones de siguiente y anterior?
Paso 1 - Añadir HTML:
<a href="#" class="previous">‹ Anterior</a> <a href="#" class="next">Siguiente »</a> <a href="#" class="previous round">‹</a> <a href="#" class="next round">›</a>
Paso 2 - Añadir CSS:
a { text-decoration: none; display: inline-block; padding: 8px 16px; } a:hover { background-color: #ddd; color: black; } .previous { background-color: #f1f1f1; color: black; } .next { background-color: #04AA6D; color: white; } .round { border-radius: 50%; }
- Página anterior Botón de icono
- Página siguiente Botón más en la navegación