Gewusst wie: ändern die Farbe einer Tabelle

March 19

Eine Tabelle auf einer Webseite wird mit dem < TABLE > HTML-Tag erstellt. Es besteht aus Zeilen und Spalten, wie eine Kalkulationstabelle. Farbe kann separat auf den Tisch, TR (Zeile) und TD (Zelle) Tags hinzugefügt werden. Dies kann mit dem HTML-Attribut "Bgcolor", die zwar veraltet immer noch erkannt wird von Webbrowsern oder mithilfe von cascading Stylesheets (CSS) und der "Hintergrund" Style-Attribut, das ist die empfohlene Methode für moderne Webseiten-Design.

Anweisungen

Mithilfe von HTML-Attributen

1 Öffnen Sie Ihr Web editing Software und der Webseite, die die Tabelle enthält, Hinzufügen von Farbe zu, oder erstellen Sie eine neue Webseite und eine Tabelle hinzufügen möchten.

2 Zeigen Sie den HTML-Code für Ihre Webseite in Ihr Bearbeitungstool. Adobe Dreamweaver z. B. Klicken Sie auf die Schaltfläche "Code" oder "Split" am oberen Rand des Bearbeitungsfensters.

3Gewusst wie: ändern die Farbe einer Tabelle

Legen Sie das Attribut "Bgcolor" und einer Farbauswahl in Ihrem < TABLE > < TR > oder < TD > HTML-Tag, wenn Sie die Hintergrundfarbe, mit der älteren Methode ändern möchten. Der Code würde ähnlich aussehen: < Table Bgcolor = #990000 Width = "100 %" Border = "0" >, < tr Bgcolor = "#9900CC" > oder < td Bgcolor = "#9900CC" >.

4 Speichern Sie die Dateiänderungen und Hochladen Sie Ihrer Web-Seite zu Ihrem Web-Server die Tabelle Farben in Ihrem Webbrowser anzeigen.

Verwendung von CSS-Stilen

5Gewusst wie: ändern die Farbe einer Tabelle

Einfügen eines Tags < STYLE > im Abschnitt < HEAD > Ihrer Webseite (über das BODY-Tag) und CSS-Farbdefinitionen um die Darstellung aller Tabellen auf Ihrer Webseite zu steuern. Der Code würde ähnlich aussehen: < Stil > Tabelle {Hintergrundfarbe: #FF0000;} < / style >. Dann wird es jederzeit < TABLE >-Tag in den Körper dieser Seite einfügen, diese Farbe haben.

6Gewusst wie: ändern die Farbe einer Tabelle

Fügen Sie eine CSS-Style-Definition direkt in < TABLE >-Tag im Körper der Webseite ein, wenn Sie möchten, ändern die Farbe für nur eine Tabelle auf einer Seite, die viele aufweist. Der Code würde ähnlich aussehen: < Tabelle Stil = "Hintergrundfarbe: #0033CC" Breite = "100 %" Border = "0" >.

7 Einfügen einer Formatdefinition um die Hintergrundfarbe der einzelnen Tabelle Zeile Tags (TR) oder Tabellen-Zelle-Tags (TD) zu steuern, wie für das < TABLE >-Tag in Schritt 2. Dieser Code würde ähnlich aussehen: < tr Stil = "Hintergrundfarbe: #0033CC" > und < td Style = "Hintergrundfarbe: #0033CC" >.

8 Speichern Sie die Dateiänderungen und Hochladen Sie Ihrer Web-Seite zu Ihrem Web-Server die Tabelle Farben in Ihrem Webbrowser anzeigen.

Tipps & Warnungen

  • Die Tabelle "Grenze" kann auch mit CSS mit dem Attribut gefärbt werden: Stil = "-Rahmenfarbe: #".