Przykład rzutów na zawieszanie tabeli bootstrap
Ten zapis będzie opisany:
- Jak zrobić stół bootstrap z obrałami?
- Jak dodać niestandardowe kolory do rzędów stołowych na zawisie w bootstrapie?
Jak zrobić stół bootstrap z obrałami?
Bootstrap „Zakładowywanie tabeli" I "Wourka na stolik”Klasy są używane do utworzenia stolika granicznego z efektem zawisu. „„Wourka na stolik„Klasa ma predefiniowany styl efektu zawisowego z„:unosić się”Pseudoklasa i„kolor tła„Własność o wartości”RGBA (0,0,0,.075)".
Przykład
Zaimplementujmy to przez przykład:
- Utwórz tabelę za pomocą HTML "
”Tag. Przypisz to „tabela”,„Zakładowywanie tabeli", I "Wourka na stolik„Zajęcia.
- „„”Tag jest wykorzystywany do wspomniania nagłówka stołowego.
- W przykładzie podanym poniżej wytwarzamy ciało tabeli, wykorzystując „" element.
- „„
„Tagi są wykorzystywane do tworzenia wierszy tabeli,„ „Tagi są nagłówki i„ ”Tagi są wykorzystywane do dodawania danych tabeli. Html
Nazwa Jake Stokrotka Kurs Informatyka Fizyka Kraj Stany Zjednoczone Chiny Obserwuje się go z poniższego GIF, rzędy tabeli z efektem nachylenia zostały pomyślnie utworzone:
Jak dodać niestandardowe kolory do rzędów stołowych na zawisie w bootstrapie?
Możesz również określić kolor najemnika zgodnie z potrzebami. Aby to zrobić, zaimplementuj następujący kod w sekcji CSS:
.Table-hover TBody TR: Hover
kolor tła: RGBA (228, 33, 205, 0.075);
Tutaj:
- „„.Wourka na stolik”To klasa.
- "tbody”Jest elementem macierzystym„
”Tag. - „„TR: Włóż”Służy do zastosowania efektu zawisowego do„
" element. Wyjście
W ten sposób tworzony jest tabela bootstrap z efektem nachylenia.
Wniosek
Tabela bootstrap z efektem nachylenia jest tworzona za pomocą „Wourka na stolik" klasa. Ta klasa doda efekt zawisu na rzędach stołowych za pomocą „kolor tła„Własność o wartości”RGBA (0,0,0,.075)". Możesz jednak dostosować kolor najeżdżający za pomocą CSS. Ten post opisał, jak dodać efekt najemnika do tabeli bootstrap.
Efekt nachylenia do tabeli bootstrap.
- „„TR: Włóż”Służy do zastosowania efektu zawisowego do„