Ejercicio CCS 1

Curso CSS – Ejercicio 1 (Tarjeta de Presentación)

🎨 Ejercicio 1: Diseña una tarjeta de presentación

📌 Planteamiento:

Crea una **tarjeta de presentación personal** aplicando estilos con CSS:

  • ✅ Fondo gris claro y bordes redondeados.
  • ✅ El nombre debe ir **centrado y en negrita**.
  • ✅ Una breve descripción en **cursiva** debajo del nombre.
  • ✅ Al pasar el mouse sobre la tarjeta, el fondo debe oscurecerse ligeramente.
👉 Escribe el **código CSS** necesario para lograr el diseño.

✅ Modelo de solución CSS:

.card {
  background-color: #f0f0f0;
  width: 300px;
  padding: 20px;
  border-radius: 12px;
  text-align: center;
  transition: background-color 0.3s ease;
}

.card h2 {
  font-weight: bold;
  margin-bottom: 10px;
}

.card p {
  font-style: italic;
  color: #555;
}

.card:hover {
  background-color: #d9d9d9;
}
    

🎯 Claves de este ejercicio:

  • 📍 **Selectores básicos** (clases y etiquetas).
  • 📍 **Propiedades visuales** (color, padding, border-radius).
  • 📍 Introducción a **transiciones y hover**.

No hay comentarios:

Publicar un comentario

Políticas de Privacidad