Tailwind CSS es un marco bien conocido que se utiliza para crear páginas web o diseños personalizables y receptivos. También permite a los usuarios controlar el diseño y el espaciado de los elementos sin escribir ningún CSS personalizado. El relleno es el espacio entre el contenido del elemento en particular y su borde. A veces, los usuarios quieren aplicar la misma cantidad de relleno a cada lado de un elemento. Tailwind proporciona clases de utilidad para aplicar relleno a todos los lados de un elemento, o a lados específicos, como superior, derecho, inferior o izquierdo.
Este artículo ejemplificará el método para agregar relleno a todos los lados de un elemento en Tailwind.
¿Cómo agregar relleno a todos los lados en Tailwind?
Para agregar relleno a todos los lados de un elemento en particular en Tailwind, cree una estructura HTML. Luego, use la clase de utilidad 'p-
Sintaxis
< elemento clase = 'p-
Reemplace el “
Ejemplo
En este ejemplo, tenemos dos “ En el segundo Producción Para agregar relleno a todos los lados de un elemento en Tailwind, la clase de utilidad 'p-
< cuerpo >
< división clase = 'bg-rosa-600 p-8 w-máx' >
Relleno en CSS viento de cola
división >
< hermano >
< división clase = 'bg-teal-600 p-14 w-max' >
Relleno en CSS viento de cola
división >
cuerpo >
Aquí, en el primer
De acuerdo con el resultado anterior, el relleno especificado se ha aplicado a todos los lados de ambos contenedores. Conclusión