Actividad 1: Crea bordes y bordes redondeados
Profesor: Javier López
Volver
Descargar html de base
Actividad 1
Actividad 2
Resultado final
Solucionador

Actividad 1: Crea bordes y bordes redondeados
Aunque este tema contiene dos actividades, en realidad es la misma actividad dividida en dos fases, correspondientes cada una de ellas al tema de 'bordes' y 'sombras' respectivamente.

En este caso, la estructura HTML y el selector CSS que vas a crear te va servir de cara a la segunda actividad.

Sigue las siguientes instrucciones, utilizando el archivo 'estilos.css':

  1. Los tres <article> tienen que utilizar el mismo selector CSS (tendrás que añadir el mismo nombre de clase a cada uno de los <article>).
  2. Modifica la anchura general de cada uno de los <article>.
  3. Las imágenes tendrán que tener un id y un class independiente para poder girarlas en el próximo módulo.
  4. Añade un borde y un borde redondeado que cubra tanto la imagen como el texto que lo acompaña.
  5. Crea una línea horizontal sencilla que los separe.
  6. Centra el texto.
  7. Aplica una separación (interna) entre el texto y el borde que acabas de crear.