Agregar relleno a las células de mesa de arranque CSS
Uno de los componentes principales del desarrollo web es la tabla. Muestra los datos en forma tabular en un sitio web. Si los datos en las células de la tabla son demasiado cortos o demasiado largos, puede hacer que la tabla aparezca desigual. Para corregir esto, el "rellenoSe utiliza la propiedad para las celdas de la tabla.
Esta publicación describirá:
- Cómo agregar relleno a las celdas de mesa de arranque?
- Cómo agregar relleno a las celdas de mesa de arranque usando CSS?
- Cómo agregar relleno a la mesa?
Prerrequisito: Crear una mesa
Para crear una tabla, siga los pasos mencionados a continuación:
- Primero, usa el "
"Etiqueta y asigna el"mesa" y "rayado"Clases.
- Dentro de "
"Elemento, especifique la parte del encabezado usando el"" elemento.
- Dentro de él, crea una fila "
"De encabezados usando el" "Etiquetas. - Luego, cree la sección del cuerpo de la tabla usando el "" elemento.
- Por último, cree filas de datos utilizando el "
"Etiqueta y" "Etiquetas. Html
Nombre Curso Puntaje Jake Ingeniería de software 90 Tina Introducción a Java 80 John Sistemas informáticos 89 Producción
Cómo agregar relleno a las celdas de mesa de arranque?
Una forma de agregar relleno dentro de las celdas de la tabla es usar las clases de acolchado de bootstrap. Éstas incluyen "pag-*","PX-*","py-*", y muchos más.
Ejemplo
En el ejemplo en curso, use el "PX-5Clase para agregar relleno a la izquierda y a la derecha de los encabezados:
Nombre Curso Puntaje Producción
Cómo agregar relleno a las celdas de mesa de arranque usando CSS?
CSS ofrece la forma más fácil de agregar relleno dentro de cada celda de la tabla utilizando el "relleno" propiedad. Aquí hay un ejemplo que demuestra cómo agregar relleno a cada celda de mesa:
.tabla TD
relleno: 30px;Producción
Hasta ahora, hemos discutido cómo agregar relleno a las celdas de la mesa. En la próxima parte, aprenderá cómo ajustar el relleno a la mesa.
Cómo agregar relleno a la mesa?
En CSS, agregue las propiedades establecidas a los "mesa" clase:
.mesa
Border: 2px Solid Darkan;
colapso de borde: separado;
relleno: 20px;Aquí:
- "borde"La propiedad agrega un borde al elemento.
- "colapso de fronteras"Con el valor"separado"Agrega un borde separado alrededor de la mesa.
- "relleno"Agrega espacio alrededor del contenido de la mesa.
Producción
Hemos compilado los métodos para agregar relleno a las celdas de mesa de arranque.
Conclusión
Hay varias formas de agregar relleno a las celdas de una mesa de arranque. Estos incluyen el uso de las clases de relleno, como "pag-*","PX-*", y "py-*". Más específicamente, el relleno también se puede agregar con CSS "relleno" propiedad. Este artículo ha explicado cómo agregar espacio de relleno a las celdas de la tabla de arranque.
- Dentro de "