Ejercicio CCS 3

📦 Ejercicio 3: Caja con sombra y borde estilizado

📌 Planteamiento:

Crea una **caja decorativa** con CSS que cumpla los siguientes requisitos:

• ✅ Fondo color claro (#f4f4f4).
• ✅ Bordes redondeados y un borde de 2px sólido.
• ✅ Una sombra externa suave para dar efecto de elevación.
• ✅ Un espacio interior (padding) para que el contenido no quede pegado a los bordes.

👉 Escribe el **CSS necesario** para estilizar la caja.

✅ Modelo de solución CSS:

.caja {
  background-color: #f4f4f4;
  border: 2px solid #ddd;
  border-radius: 10px;
  padding: 20px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
    

🎯 Claves de este ejercicio:

• 📍 **Uso de border-radius** para suavizar bordes.
• 📍 **box-shadow** para dar profundidad al diseño.
• 📍 Espaciado interno con **padding** para un diseño limpio.