Zmień kolor nagłówka stołowego za pomocą bootstrap
Tabele to komponenty w HTML, które są wykorzystywane do wyświetlania informacji w formacie ustrukturyzowanym. Bootstrap oferuje nam bardzo szybką zmianę kolorów komponentów stołowych. Można to zrobić za pomocą klas kolorów w elemencie tabeli, takich jak „Niebezpieczeństwo stołowe”Klasa, która stosuje czerwony kolor do składnika tabeli.
Ten post wyjaśnił metodę zmiany koloru nagłówka stołu za pomocą bootstrap.
Warunek: Utwórz tabelę
Najpierw utwórz tabelę, wykonując kroki:
- Użyj „„Element do utworzenia tabeli.
- Wewnątrz tego elementu dodaj „”Tag, aby określić nagłówek. Utwórz wiersz za pomocą „
”Tag i dodaj„„Element jest wykorzystywany do określenia korpusu tabeli.- W ciele utwórz wiersze danych. Na przykład pierwszy „
Wyjście
Przykład 2: Zastosuj zielony kolor na nagłówek stołowy za pomocą bootstrap
Określić "rozwój stołowy„Klasa, aby zastosować zielony kolor na nagłówek stołowy:
Wyjście
W ten sposób możesz zmienić kolor zestawu słuchawkowego za pomocą bootstrap.
Wniosek
W bootstrap kolor nagłówka stołowego można zmienić za pomocą „tabela-*" klasa. Najpierw utwórz tabelę za pomocą HTML "
" element. Następnie określ „„Tag dla nagłówka i„„Tag dla ciała stołu. Dodaj klasę „Tabela-*” do znacznika „”, aby ustawić kolor nagłówka, taki jak „PROMARA STALI”Ustawia niebieski kolor i wiele innych. Ten post wyjaśnił, jak utworzyć tabelę i jak możemy zmienić jego kolor nagłówka za pomocą bootstrap.„Tag, aby dodać nagłówek. - Potem przychodzi część ciała, „
”Dodaje obraz i drugi„ ”Element dodaje odpowiedni opis. Oto kod HTML:
Obraz Nazwa urządzenia Laptop Słuchawki MIC MICK PUBLIC Wyjście
Można zauważyć, że tabela została pomyślnie utworzona. Teraz zobaczmy, jak dostosować kolor nagłówka stołu w następnej sekcji.
Jak zmienić kolor nagłówka stołowego za pomocą bootstrap?
Kolor nagłówka stołowego można zmienić za pomocą „tabela-*„Klasa, gdzie gwiazdka”*”Symbolizuje kolor. Na przykład, "stół„Dla ciemnoszarego koloru”, „rozwój stołowy”Dla zielonego koloru i wielu innych.
Sprawdźmy kilka przykładów koloru nagłówka przewodniń.
Przykład 1: Zastosuj niebieski kolor na nagłówku stołu za pomocą bootstrap
Dodaj "PROMARA STALI„Klasa do zastosowania niebieskiego koloru na nagłówku stołowego:
- « Czyste kompilacja dokera obrazu za pomocą „-no-cache”
- Bootstrap Tekst ostrzegawczy kolor z przykładami kodu »
slide 4 to 8 of 10