Ejercicio de programación con TailwindCSS: Clases de colores y fondo de Tailwind CSS
Código
Aprende a utilizar las clases de colores de texto y fondo en Tailwind CSS con este ejercicio práctico.
- Crea un archivo HTML.
- Incluye la CDN de Tailwind CSS en el
<head>del archivo HTML. - Crea dos párrafos y dos divisiones .
- Aplica clases de color de texto rojo, azul y verde a los párrafos.
- Aplica clases de color de fondo amarillo, gris y morado a las divisiones.
- Utiliza al menos tres tonalidades distintas.
Todos los ejercicios de programación de TailwindCSS
Evalúa tus conocimientos con ejercicios de programación en TailwindCSS de tipo Test, Puzzle, Código y Proyecto con VSCode.
Listado y formulario de productos en Tailwind CSS
Proyecto
Flexbox en Tailwind CSS
Puzzle
Contenedores y columnas en Tailwind CSS
Código
Utilidades de espaciado y alineación en Tailwind CSS
Puzzle
Clases de bordes de Tailwind CSS
Código
Hover, focus y estado de Tailwind CSS
Código
Fundamentos del sistema de Utility-First de Tailwind CSS
Test
Conocimiento general de Tailwind CSS - Evaluación multirespuesta
Test
Clases de tamaño de Tailwind CSS
Puzzle
Instalación de Tailwind CSS
Código
Tipografía y fuentes en Tailwind CSS
Puzzle
Proyecto blog de artículos con Tailwind CSS
Proyecto
Transiciones y animaciones de Tailwind CSS
Código
Conocimiento general de Tailwind CSS - Evaluación código
Código
Grid en Tailwind CSS
Código
Fundamentos del diseño responsive en Tailwind CSS
Código
Introducción a Tailwind CSS
Test
Certificados de superación de TailwindCSS
Supera todos los retos de TailwindCSS y obtén estos certificados de superación para mejorar tu currículum y tu empleabilidad.
Tutorial para resolver este ejercicio de programación
TailwindCSS
Clases de colores y fondo de Tailwind CSS
Clases de utilidad