Jak zmienić kolor stolika w paski w bootstrapie?
Bootstrap zapewnia kilka klas do tworzenia stolików w stylu. Na przykład „„Zakładowywanie tabeli„Własność można wykorzystać do utworzenia tabeli z granicą”BEZPIECZNIK BEZPIECZEŃSTWA„W przypadku stolika bez granicy”, „stół”Dla stołu o ciemnoszarym kolorze i więcej. Mówiąc dokładniej, „Stripowane tabelą”To jedna z takich klas, która tworzy stół ze wzorem paski zebry.
W tym zapisie opisano, jak zmienić kolor stolika w paski w bootstrapie.
Warunek: Utwórz stół w paski w bootstrapie
„„Stripowane tabelą„Klasa tworzy stół w paski w bootstrapie. Stół w paski odnosi się do stolika z usuwaniem zebry przyłożonym do rzędu stołowego. Stripping zebry jest określony jako „RGBA (0, 0, 0, .05)”. Jednak za pomocą CSS możesz również zmienić ten kolor, który zostanie omówiony później.
Przykład
Ten przykład pokazuje, jak utworzyć tabelę w paski w bootstrap:
- Najpierw dodaj „
„Tag, który jest wykorzystywany do utworzenia tabeli. Przypisz „tabela" I "Stripowane tabelą„Zajęcia do„
„Element do utworzenia tabeli w paski.
- Składa się z dwóch części, nagłówka i ciała, określonych za pomocą „" I "”Odpowiednio tagi.
- "
„Tworzy wiersze stołowe. - "
”Tagi określają nagłówki. - "
”Tagi dodają dane tabeli. Oto kod HTML:
S.NIE Imię Nazwisko Wynik 1 Diana Oliver 90 2 James Liam 89 3 Lucas William 78 Wyjście
Do tej pory widzieliśmy, jak korzystać z klasy bootstrap „Stripowane tabelą„Aby utworzyć stół w paski. Teraz skieruj się w kierunku następnej sekcji, aby zmienić kolor tabeli w paski za pomocą CSS.
Jak zmienić kolor stolika w paski w bootstrapie?
Zgodnie z trwającym przykładem napisz następujący kod w pliku CSS:
.Stripowane tabeli> tbody> tr: nth-child (nieparzyste)> td,
.Stripowane tabeli> tbody> tr: nth-child (nieparzyste)> th
kolor tła: RGB (118, 187, 189);Według danego fragmentu kodu:
- Najpierw wspomnij o nazwie klasy „Stripowane tabelą". Następnie dostęp do dziwnych danych i nagłówków tabeli w „" część.
- „„Nth-Child (N)„Selektor jest wykorzystywany do wyboru n -te dziecko rodzica, gdzie”N”Może być dowolna formuła lub słowo kluczowe, takie jak„nawet" Lub "dziwne".
- Wreszcie zdefiniuj „kolor tła" używając "RGB ()”Funkcja. Ten styl zastąpi „Stripowane tabelą„Styl klasy.
Wyjście
W ten sposób możesz zmodyfikować kolor stolika w paski bootstrap.
Wniosek
Bootstrap „Stripowane tabelą”Klasa służy do tworzenia stolika w paski. Ma predefiniowany styl CSS ”,„kolor tła„Własność o wartości”RGBA (0, 0, 0, .05)”Na dziwnych rzędach stołowych„" Sekcja. Możesz jednak dostosować kolor stolika w paski za pomocą CSS. Ten post wykazał metodę zmiany koloru stolika w paski w bootstrapie.
- « Jak naprawić błąd „GIT Fatal nie można odczytać z zdalnego repozytorium”?
- Jak naprawić „kod 10 błędów w systemie Windows zatrzymał to urządzenie, ponieważ zgłosiło problemy”? »
- Składa się z dwóch części, nagłówka i ciała, określonych za pomocą „" I "”Odpowiednio tagi.