Zmień kolor nagłówka stołowego za pomocą bootstrap

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 "

    „Tag, aby dodać nagłówek.
  • Potem przychodzi część ciała, „
  • ”Dodaje obraz i drugi„”Element dodaje odpowiedni opis.

    Oto kod HTML:






















    ObrazNazwa 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:

    " 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.