Hvordan endrer jeg fargen på et stripete bord i bootstrap?
Bootstrap tilbyr flere klasser for å lage stilte tabeller. For eksempel "Bordskravet”Eiendom kan brukes til å lage et bord med en grense,”Bord-grenseløs”For et grensefritt bord,”Bord-mørk”For et bord med en mørk grå farge, og mer. Mer spesifikt, “Bordstripet”Er en slik klasse som lager et bord med et sebra -stripingsmønster.
Denne oppskrivningen vil beskrive hvordan du endrer den stripete bordets farge i bootstrap.
Forutsetning: Lag et stripete bord i Bootstrap
“Bordstripet”Klasse lager et stripet bord i bootstrap. Det stripete tabellen refererer til bordet med sebra stripping påført på tabellrekken. Sebra -strippingen er spesifisert som "RGBA (0, 0, 0, .05)”Farge, og den brukes på de rare tabellradene. Imidlertid kan du også endre denne fargen, som vil bli dekket senere.
Eksempel
Dette eksemplet viser hvordan du lager et stripete bord i Bootstrap:
- Først, legg til en "
”Tag som brukes til å lage en tabell. Tilordne “bord”Og“Bordstripet”Klasser til“
”Element for å lage et stripet bord.
- Den består av to deler, header og kropp, spesifisert ved hjelp av “”Og“”Tagger, henholdsvis.
- “
”Oppretter bordrader. - “
”Tagger spesifiserer overskriftene. - “
”Tagger legger til tabelldataene. Her er HTML -koden:
S.Nei Fornavn Etternavn Poengsum 1 Diana Oliver 90 2 James Liam 89 3 Lucas William 78 Produksjon
Så langt har vi sett hvordan vi bruker bootstrap -klassen "Bordstripet”For å lage et stripete bord. Gå nå mot neste avsnitt for å endre fargen på det stripete tabellen ved hjelp av CSS.
Hvordan endre fargen på et stripete bord i bootstrap?
Etter det pågående eksemplet, skriv følgende kode i CSS -filen:
.Tabellstriped> TBODY> TR: NTH-CHANT (ODD)> TD,
.Tabellstripet> TBODY> Tr: nth-Child (Odd)> Th
bakgrunnsfarge: RGB (118, 187, 189);I følge den gitte kodebiten:
- Nevn først klassenavnet "Bordstripet”. Deretter får du tilgang til de rare tabelldataene og overskriftene i "" del.
- “nth-Child (n)”Selector brukes til å velge det første barnet til foreldrene der“n”Kan være hvilken som helst formel eller nøkkelord som“til og med”Eller“merkelig”.
- Til slutt, definere “bakgrunnsfarge" bruker "RGB ()”Funksjon. Denne stylingen vil overstyre “Bordstripet”Klassens stil.
Produksjon
På denne måten kan du endre fargen på et bootstrap -stripete bord.
Konklusjon
Støvelhempe "Bordstripet”Klasse brukes til å lage et stripete bord. Den har en forhåndsdefinert CSS -stil, “bakgrunnsfarge”Eiendom med verdien”RGBA (0, 0, 0, .05)”På det rare bordet rader av“" seksjon. Du kan imidlertid justere den stripete tabellens farge ved hjelp av CSS. Dette innlegget har vist metoden for å endre fargen på et stripete bord i bootstrap.
- « Hvordan du fikser git dødelig kunne ikke lese fra eksternt depot -feil?
- Hvordan fikse “kode topp 10 feilvinduer har stoppet denne enheten fordi den har rapportert problemer”? »
- Den består av to deler, header og kropp, spesifisert ved hjelp av “”Og“”Tagger, henholdsvis.