Jak zmienić kolor tła tabeli HTML

W tym artykule wyjaśniono metody zmiany kolorów tła części tabeli w witrynie internetowej.

W starszej metodzie użyto atrybutu bgkolor aby zmienić kolor tła tabeli. Może być również używany do zmiany koloru wiersza tabeli lub komórki tabeli. Ale atrybut bgcolor został przestarzały na rzecz arkuszy stylów, więc nie jest to optymalny sposób manipulowania kolorem tła tabeli.

Lepszym sposobem na zmianę koloru tła jest dodanie właściwości style kolor tła do tabeli, wiersza lub tagu komórki.

Ten przykład zmienia kolor tła całej tabeli:

Aby zmienić kolor pojedynczego wiersza, wstaw właściwość background-color do.

Możesz zmienić kolor pojedynczej komórki, dodając atrybut do.

Możesz także zastosować kolory tła do główek stołów lub

Zmień kolor tła za pomocą arkuszy stylów

Lepiej jednak unikać używania atrybutu background-color na rzecz poprawnie sformatowanego arkusza stylów. Na przykład, możesz ustawić style w arkuszu stylów w HEAD dokumentu HTML lub ustawić je w

zewnętrzny arkusz stylów. Zmiany takie jak te w HEAD lub zewnętrznym arkuszu stylów mogą wyglądać tak dla tabel, wierszy i komórek:

tabela { kolor tła: #ff0000; }
tr { kolor tła: żółty; }
td { kolor tła: #000; }

Ustawianie koloru tła kolumny

Najlepszym sposobem na ustawienie koloru tła kolumny jest utworzenie klasa stylu a następnie przypisz go do komórek kolumny. Utworzenie klasy umożliwia przypisanie tej klasy do komórek w określonej kolumnie za pomocą jednego atrybutu.

CSS:

td. KolorKoloru { kolor-tła: niebieski; }

HTML:

komórka 1 komórka 2 komórka 1 komórka 2

Jedną z istotnych zalet kontrolowania kolorów tła za pomocą arkusza stylów jest możliwość późniejszej zmiany wybranego koloru. Zamiast przeglądać dokument HTML i wprowadzać zmiany w każdej komórce, możesz wprowadzić pojedynczą zmianę w wybranym kolorze w polu CSS które zostaną natychmiast zastosowane do każdego wystąpienia, w którym class="KolorKoloru" pojawia się składnia.