Ejercicio modelo de cajas CSS

Os comparto un ejercicio que he creado para practicar las propiedades del modelo de cajas en CSS. Se practicaran propiedades como el borde, relleno, margen, anchura y algunas propiedades de texto como: interlineado, color de fuente, alineación de texto, estilo de fuente …

Este es el HTML base para realizar el ejercicio

 

Este es el enunciado del ejercicio:

Para el primer parrafo, color de fuente #2d6921, borde de 3px dotted y color #d66f0f, anchura de 500px, fuente en negrita, relleno en los cuatro lados de 20px, texto alineado a la derecha y un margen inferior de 100px.

Para el segundo parrafo, borde de 3px solido y color azul, anchura 500px, centrado automáticamente, relleno a los cuatro lados de 50px y la fuente en cursiva.

Para el tercer parrafo, anchura del 30%, borde de 6px outset y color #666, relleno a los cuatro lados de 10px, texto justificado y un interlineado de 30px.

Para el cuarto parrafo, anchura del 75%, borde superior de 3px solido y color #f0377b.

Esta es la apariencia del ejercicio solucionado

modelo cajas y textos CSS

 

Este es el código de la solución:

 

Deja un comentario

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