Contenido del Curso
Tailwind CSS: Styling for Modern Web Development
Tailwind CSS: Styling for Modern Web Development
Basic Styling - Colors
Colors
Tailwind CSS provides a wide range of color utilities that you can apply to elements. These utilities help you quickly set background colors, text colors, and border colors.
Note
The numbers in these classes represent different shades of the base color. These numbers range from
50
to900
:
- Lower numbers (e.g.,
50
): Lighter shades;- Higher numbers (e.g.,
900
): Darker shades.
Background Colors
Use the bg-
prefix followed by the color name and shade.
index
index
index
Text Colors
Use the text-
prefix followed by the color name and shade.
index
index
index
Border Colors
Use the border-
prefix followed by the color name and shade.
index
index
index
Note
To see all the existing colors, you can refer to the Tailwind documentation below.
¡Gracias por tus comentarios!