Ejercicios de Programación en CSS
< Anterior
Siguiente >
Ejercicio 1: Selectores - Estiliza elementos
Aplica un color de fondo azul a todos los párrafos de la página.
Ejercicio 2: Fuentes - Cambia el tipo de letra
Aplica la fuente 'Arial' a todos los títulos de nivel 1 (h1).
Ejercicio 3: Colores - Cambia el color de texto
Cambia el color de los títulos de nivel 2 (h2) a rojo.
Ejercicio 4: Background - Imagen de fondo
Aplica una imagen de fondo a todo el cuerpo (body) de la página.
Ejercicio 5: Margin - Espaciado
Ajusta el margen superior de los títulos de nivel 2 (h2) a 20px.
Ejercicio 6: Border - Borde en elementos
Añade un borde de 2px sólido y color negro a las imágenes (img).
Ejercicio 7: Float - Alineación flotante
Usa la propiedad "float" para alinear una imagen a la derecha.
Ejercicio 8: Position - Posicionamiento
Usa la propiedad "position" para posicionar un elemento de forma absoluta en la esquina inferior derecha.
Ejercicio 9: Pseudo-clases - Estilos interactivos
Aplica un estilo diferente a un enlace cuando el usuario pasa el ratón por encima de él.
Ejercicio 10: Pseudo-elementos - Antes y después
Usa un pseudo-elemento ":before" para agregar contenido antes de un párrafo.
Ejercicio 11: Transiciones - Efecto suave
Aplica una transición para que el color de fondo de un botón cambie suavemente al pasar el ratón sobre él.
Ejercicio 12: Responsive - Diseño adaptable
Usa una media query para cambiar el color de fondo de la página cuando el ancho de la ventana sea inferior a 600px.