Dar aspecto de botón a un enlace (continuación)

code

Código CSS - Barra de Navegación

.navbar {
    font-size: 1.25rem;
    font-family: sans-serif;
    text-align: center;
    background: yellow;
}

ul.navbar li {
    display: inline;
}

ul.navbar a {
    text-decoration: none;
    display: inline-block;
    padding: 1rem;
}

ul.navbar a:hover {
    background: orange;
}

ul.navbar a:active {
    color: white;
    background: red;
}
text_fields

font-size

Agranda el texto de la barra

font_download

font-family

Fuente diferente al resto

align_center

text-align

Centra los elementos

palette

background

Color de fondo amarillo

view_column

display: inline

Los elementos <li> se alinean horizontalmente

crop_square

padding: 1rem

Espacio alrededor del texto de los botones

touch_app

:hover

Cambio a naranja al pasar cursor

touch_app

:active

Rojo y texto blanco al hacer clic