Die Unterscheidung von Tabellen von ihren Hintergründen hilft, den Inhalt der Tabelle relativ zu allem anderen auf der Webseite hervorzuheben. Um einen Tabellenhintergrund hinzuzufügen, müssen Sie das Cascading Style Sheet (CSS) anpassen, das Ihre Webseite unterstützt.
Fertig machen
Die beste Möglichkeit, ein Hintergrundbild zu einer Tabelle hinzuzufügen, ist die Verwendung von CSS
Hintergrund
Eigentum. Um sich darauf vorzubereiten, effektiv das CSS zu schreiben und unerwartete Anzeigeprobleme zu vermeiden, öffnen Sie das Hintergrundbild und notieren Sie die Höhe und Breite. Laden Sie dann Ihr Bild zu Ihrem Hosting-Anbieter hoch. Testen Sie die URL für das Bild. Einer der häufigsten Gründe, warum Bilder nicht angezeigt werden, ist, dass die URL einen Tippfehler enthält. Nachdem Sie diesen Schritt abgeschlossen haben, setzen Sie einen CSS-Stilblock in den Kopf Ihres Dokuments:
Tabelle {Hintergrund: URL (" URL zum Bild ") keine Wiederholung;} Stellen Sie die Breite und Höhe der Tabelle entsprechend der Bildbreite und -höhe ein. Wenn der Inhalt der Tabelle die Bildhöhe und -breite überschreitet, wird das Hintergrundbild nur einmal angezeigt. Die obigen Anweisungen stellen das gleiche Hintergrundbild in jeder Tabelle auf der Seite ein. Wenn Sie den Hintergrund nur für bestimmte Tabellen verwenden möchten, müssen Sie ein verwenden Klasse
table.background {background: url (" URL zum Bild ") keine Wiederholung;} Bei größeren Tabellen oder Tabellen mit mehr Inhalt muss der Hintergrund möglicherweise wiederholt werden, damit die gesamte Tabelle gefüllt wird. Ändern Sie den Wert in Ihrem CSS so, dass sich das Bild auf der Y-Achse, der X-Achse wiederholt oder auf beiden Seiten gekachelt wird. Hintergrund: URL ("URL zum Bild") wiederholen;
Standardmäßig wird der Wiederholungswert gekachelt, Sie können den Wiederholungswert jedoch auch auf festlegen wiederholen-x
oder wiederholen-y Alle in den Tabellenzellen festgelegten Hintergrundfarben setzen das Hintergrundbild auf der Tabelle außer Kraft. Seien Sie also vorsichtig, wenn Sie Hintergrundfarben auf Ihren Zellen in Kombination mit Tabellenhintergrundbildern verwenden. Tabellenhintergründe heben Ihre Tabellen von der zugrunde liegenden Seite ab. Überlegen Sie sich jedoch zweimal, bevor Sie diese Technik anwenden. Das Einfügen eines neutralen Bildes ist möglicherweise nicht störend, aber komplizierte Bilder, die süß aussehen sollen (z. B. das Einfügen eines Kätzchens hinter einer Tabelle, die auf Adoptionen für Haustiere hinweist) können unprofessionell erscheinen und die Lesbarkeit der Tabellendaten beeinflussen. Jedes von Ihnen verwendete Bild muss ordnungsgemäß lizenziert sein. Nur weil Sie ein Foto im Web finden können, bedeutet dies nicht, dass Sie es für Ihren eigenen Gebrauch verwenden können. Respektieren Sie die Urheberrechte!
Zelle 1 Zelle 2 Zelle 1 Zelle 2 …
Setzen Sie einen Hintergrund auf nur eine Tabelle
Klasse = "Hintergrund" style = "Breite: 400px; Höhe: 500px;>…
Lassen Sie das Tabellenhintergrundbild wiederholen
Kacheln horizontal bzw. vertikal.
Zellenhintergrundfarben Blockieren Sie das Tabellenhintergrundbild
Überlegungen
