Dar aspecto de botón a un enlace

code

Código HTML - Barra de Navegación

<ul class="navbar">
    <li><a href="#">Inicio</a></li>
    <li><a href="#">Noticias</a></li>
    <li><a href="#">Sobre nosotros</a></li>
    <li><a href="#">Contactar</a></li>
</ul>
menu_book

De Enlaces a Botones

touch_app

Estados Versátiles

Los estados como :hover se pueden usar para diseñar muchos elementos, no solo enlaces

navigation

Menús de Navegación

Los menús suelen ser listas con enlaces que podemos estilizar para parecer botones o pestañas

transform

Transformación CSS

Usamos display: inline y padding para convertir listas en elementos horizontales con espaciado