Endre tabelloverskriftsfarge ved hjelp av bootstrap
Tabeller er komponentene i HTML som brukes til å vise informasjon i et strukturert format. Bootstrap tilbyr oss å endre fargene på bordkomponentene veldig raskt. Dette kan gjøres ved bare å bruke fargeklassene i tabellelementet, for eksempel "bord-far”Klasse som bruker en rød farge på tabellkomponenten.
Dette innlegget har forklart metoden for å endre tabelloverskriftsfargen ved hjelp av Bootstrap.
Forutsetning: Lag en tabell
Først må du lage en tabell ved å følge trinnene:
- Bruk “
”Element for å lage en tabell.
- Inne i dette elementet, tilsett “”Tag for å spesifisere overskriften. Lag en rad ved hjelp av “
”Tag og legg til“ ”Tag for å legge til en overskrift. - Så kommer kroppsdelen, "”Element brukes til å spesifisere bordlegemet.
- Innenfor kroppen, lag rader for dataene. For eksempel den første "
”Legger til et bilde, og det andre“ ”Element legger til den aktuelle beskrivelsen. Her er HTML -koden:
Bilde Enhetsnavn Laptop Hodetelefon Offentlig talende mikrofon Produksjon
Det kan observeres at tabellen er opprettet med hell. La oss nå se hvordan du kan justere fargen på tabelloverskriften i neste avsnitt.
Hvordan endre tabelloverskriftsfarge ved hjelp av bootstrap?
Tabelloverskriftsfargen kan endres ved hjelp av “bord-*”Klasse, der stjerne”*”Symboliserer fargen. For eksempel, "Bord-mørk”For mørkegrå farge,”Bordfunksjon”For grønn farge, og mange flere.
La oss sjekke ut noen eksempler på endring av skiftende tabellhode.
Eksempel 1: Bruk blå farge på tabelloverskriften ved hjelp av bootstrap
Legg til "Tabell-primary”Klasse for å bruke den blå fargen på tabelloverskriften:
Produksjon
Eksempel 2: Bruk grønn farge på tabelloverskriften ved hjelp av bootstrap
Spesifiser “Bordfunksjon”Klasse for å bruke den grønne fargen på tabelloverskriften:
Produksjon
Slik kan du endre tabellhodesettfargen ved hjelp av Bootstrap.
Konklusjon
I bootstrap kan tabelloverskriftsfargen endres ved hjelp av "bord-*”Klasse. Først må du lage tabellen ved hjelp av HTML “
”Element. Deretter spesifiser "”Tag for overskriften og“”Tag for bordlegemet. Legg til "tabell-*" -klassen i "" -merket for å angi overskriftsfargen, for eksempel "Tabell-primary”Setter den blå fargen, og mange flere. Dette innlegget har forklart hvordan du lager en tabell og hvordan vi kan endre toppfargen ved hjelp av bootstrap.
- Inne i dette elementet, tilsett “”Tag for å spesifisere overskriften. Lag en rad ved hjelp av “