🎨 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.
✅ 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