Bootstrap Table Hover Filos
Este artículo describirá:
- Cómo hacer una mesa de arranque con filas holgables?
- Cómo agregar colores personalizados a las filas de mesa en el flotador en bootstrap?
Cómo hacer una mesa de arranque con filas holgables?
Bootstrap "bordado" y "ratero de la mesaLas clases se utilizan para crear una mesa limitada con un efecto flotante. El "ratero de la mesa"La clase tiene un estilo de efecto de flujo predefinido con el":flotar"Pseudo-Clase y el"color de fondo"Propiedad que tiene el valor"RGBA (0,0,0,.075)".
Ejemplo
Implementemos a través de un ejemplo:
- Crea una tabla usando el HTML "
" etiqueta. Asignarlo el "mesa","bordado", y "ratero de la mesa"Clases.
- El ""La etiqueta se utiliza para mencionar el encabezado de la mesa.
- En el ejemplo indicado a continuación, estamos haciendo el cuerpo de la mesa utilizando el "" elemento.
- El "
"Las etiquetas se utilizan para crear las filas de la tabla, el" "Las etiquetas son para encabezados, y el" Las etiquetas se utilizan para agregar datos de tabla. Html
Nombre Jake Margarita Curso Ciencias de la Computación Física País Estados Unidos Porcelana Se observa a partir del siguiente GIF, las filas de la tabla con el efecto flotante se han creado con éxito:
Cómo agregar colores personalizados a las filas de mesa en el flotador en bootstrap?
También puede especificar un color flotante de acuerdo con su necesidad. Para hacerlo, implementa el siguiente código en la sección CSS:
.tbody tbbody tr: hover
Color de fondo: RGBA (228, 33, 205, 0.075);
Aquí:
- El ".ratero de la mesa"Es la clase.
- "cuerpo"Es el elemento principal del"
" etiqueta. - El "TR: flotante"Se usa para aplicar el efecto flotante al"
" elemento. Producción
De esta manera, se crea la tabla de bootstrap con el efecto flotante.
Conclusión
La tabla de bootstrap con el efecto flotante se crea utilizando el "ratero de la mesa" clase. Esta clase agregará el efecto de desplazamiento en las filas de la tabla con el "color de fondo"Propiedad que tiene el valor"RGBA (0,0,0,.075)". Sin embargo, puede personalizar el color flotante con CSS. Esta publicación ha descrito cómo agregar el efecto de desplazamiento a la tabla de arranque.
el efecto flotante a la tabla de arranque.
- El "TR: flotante"Se usa para aplicar el efecto flotante al"