Creación del menú de la página Web y CSS

1.- Creamos en html una lista desordenada <ul> y lo centramos tal como esta la imagen

con la etiqueta <center>:

2.- En la hoja de style ponemos la propiedad display para que este en forma horizontal:

Una vez centrada la lista y con los cambios de diseño en css obtendremos lo siguiente:

3.- Ahora ponemos la etiqueta <a> a cada lista de la siguiente manera:

5.- En diseño en la hoja de style en las etiquetas de las listas agregamos las siguientes

propiedades:

Display: la ubicación en línea.

Background-color: color de fondo la etiqueta mencionada.

Font-size: tamaña de texto.

Color: color de letra.

Paddiing: Si se utilizan pixeles o porcentajes, hace referencia a la anchura del elemento en el

que se encuentra

Resultado:

PARA ESTA SESIÓN TENDRÁ QUE HABILITAR TRES

MENÚS QUE TE LLEVEN A OTRA PAGINA

EJEMPLO