Ejercicio cajas float CSS

A la vez que vamos avanzado en contenidos , vamos a ir añadiendo secciones a ese ejercicio en que hacíamos la cabecera de una web (El Centollo) http://raulperez.tieneblog.net/menu-horizontal-css-responsive-centrado-automaticamente/

En este caso vamos a practicar la propiedad de CSS float para posicionar 4 <div> para presentar lo diferentes menús de “El centollo”. Además de float, veremos nuevas propiedades para darle a estos <div> una apariencia elegante. Además de cargar alguna fuente de Google Fonts, también he usado Font Awesome para los iconos. Aparece también la propiedad box -shadow de CSS3.

Este sería el código:

 

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *