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,„”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.
slide 4 to 8 of 10„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„