Vamos a configurar los 3 <
article> para que tengan un aspecto como el del ejemplo:
- Los bordes externos son ligeramente curvos en sus 4 esquinas.
- Este mismo perímetro tiene un borde gris.
- Debajo de 'Con entusiasmo y motivación ' incluímos una línea horizontal (<hr>).
Para hacer estos cambios a los 3 <
article> a la vez vamos a ponerles el mismo nombre de clase (
class) para que el selector CSS afecte a todos y un nombre id sólo al <
article> central (ya que en el temas posteriores le daremos unas propiedades particulares).
Con este cambio todavía no podemos apreciar ningún cambio ya que nos falta el CSS correspondiente.
Vamos a configurar las cajas de tipo <article>, que para mayor seguridad les hemos dado un nombre de clase (class="cuadros").