Ejercicio de programación con TailwindCSS: Clases de bordes de Tailwind CSS
Código
Aprende a aplicar bordes personalizados en un contenedor usando clases de utilidad de Tailwind CSS 3.4.10. Evalúa tu conocimiento en bordes con este reto práctico.
Crea un archivo HTML con CDN que contenga un contenedor <div> con las siguientes características utilizando clases de utilidad de Tailwind CSS para bordes:
- El contenedor debe tener un borde de 4 píxeles de grosor.
- El color del borde debe ser azul.
- El estilo del borde debe ser discontinuo.
- El borde debe tener un redondeo mediano.
Dentro del contenedor, añade un texto que diga "Contenedor con borde personalizado".
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.
Fundamentos del diseño responsive en Tailwind CSS
Código
Instalación de Tailwind CSS
Código
Contenedores y columnas en Tailwind CSS
Código
Conocimiento general de Tailwind CSS - Evaluación código
Código
Utilidades de espaciado y alineación en Tailwind CSS
Puzzle
Introducción a Tailwind CSS
Test
Grid en Tailwind CSS
Código
Clases de colores y fondo de Tailwind CSS
Código
Tipografía y fuentes en Tailwind CSS
Puzzle
Flexbox en Tailwind CSS
Puzzle
Clases de tamaño de Tailwind CSS
Puzzle
Hover, focus y estado de Tailwind CSS
Código
Conocimiento general de Tailwind CSS - Evaluación multirespuesta
Test
Fundamentos del sistema de Utility-First de Tailwind CSS
Test
Transiciones y animaciones de Tailwind CSS
Código
Tutorial para resolver este ejercicio de programación
TailwindCSS
Clases de bordes de Tailwind CSS
Clases de utilidad