¿Cómo cambio el color de una mesa rayada en bootstrap??
Bootstrap proporciona varias clases para crear tablas de estilo. Por ejemplo, el "bordado"La propiedad se puede utilizar para crear una tabla con un borde", ",sin borde"Para una mesa sin borde", "oscuro"Para una mesa con un color gris oscuro y más. Más específicamente, el "rayado"Es una de esas clases que crea una mesa con un patrón de rayos de cebra.
Este artículo describirá cómo cambiar el color de la mesa rayada en bootstrap.
Requisito previo: crea una mesa rayada en Bootstrap
El "rayado"La clase crea una mesa a rayas en bootstrap. La tabla rayada se refiere a la mesa con eliminación de cebra aplicada a la fila de la tabla. La eliminación de cebra se especifica como el "RGBA (0, 0, 0, .05)Color, y se aplica en las hileras de tabla impares. Sin embargo, con CSS, también puede cambiar este color, que se cubrirá más tarde.
Ejemplo
Este ejemplo demuestra cómo crear una mesa rayada en Bootstrap:
- Primero, agregue un "
"Etiqueta que se utiliza para crear una tabla. Asignar el "mesa" y "rayado"Clases para el"
"Elemento para crear una mesa a rayas.
- Consiste en dos partes, encabezado y cuerpo, especificados usando el "" y ""Etiquetas, respectivamente.
- "
"Crea las filas de la mesa. - "
"Etiquetas especifican los encabezados. - "
"Etiquetas agregan los datos de la tabla. Aquí está el código HTML:
S.No Nombre de pila Apellido Puntaje 1 Diana Oliver 90 2 Jaime Liam 89 3 Lucas Guillermo 78 Producción
Hasta ahora, hemos visto cómo usar la clase Bootstrap "rayado"Para crear una mesa a rayas. Ahora, diríjase hacia la siguiente sección para cambiar el color de la mesa rayada usando CSS.
Cómo cambiar el color de una mesa rayada en bootstrap?
Siguiendo el ejemplo en curso, escriba el siguiente código en el archivo CSS:
.Tabla de huella> tbody> tr: nth-child (impar)> td,
.Tabla-Striped> tbody> tr: nth-child (impar)> th
Color de fondo: RGB (118, 187, 189);Según el fragmento de código dado:
- Primero, mencione el nombre de la clase "rayado". Luego, acceda a los datos y encabezados de la tabla impar en el "" parte.
- El "enésimo hijo (n)"Se utiliza el selector para seleccionar el enésimo hijo del padre donde"norte"Puede ser cualquier fórmula o palabra clave como"incluso" o "extraño".
- Por último, defina el "color de fondo" utilizando el "rgb ()" función. Este estilo anulará el "rayado"El estilo de la clase.
Producción
De esta manera, puede modificar el color de una mesa a rayas de bootstrap.
Conclusión
Bootstrap "rayadoLa clase se usa para hacer una mesa a rayas. Tiene un estilo CSS predefinido ","color de fondo"Propiedad con el valor"RGBA (0, 0, 0, .05)"En las extrañas filas de mesa del"" sección. Sin embargo, puede ajustar el color de la mesa rayada usando CSS. Esta publicación ha demostrado el método para cambiar el color de una mesa a rayas en Bootstrap.
- « Cómo corregir el error de Git fatal no pudo leer desde el repositorio remoto?
- Cómo solucionar Código Top 10 Error Windows ha detenido este dispositivo porque ha informado problemas? »
- Consiste en dos partes, encabezado y cuerpo, especificados usando el "" y ""Etiquetas, respectivamente.