Jak ustawić obraz jako tło dla stołu

Użyj właściwości tła CSS, aby dodać tło obrazu do tabel

Odróżnianie tabel od ich tła pomaga uwydatnić zawartość tabeli w stosunku do wszystkiego innego na stronie internetowej. Aby dodać tło tabeli, musisz wprowadzić zmiany w Arkusz Stylów Kaskadowych wspieranie Twojej strony internetowej.

Fotografia budowlana/Avalon/Getty Images

Pierwsze kroki

Najlepszym sposobem dodania obrazu tła do tabeli jest użycie CSS tło własność. Aby przygotować się do efektywnego pisania CSS i uniknąć nieoczekiwanych błędów wyświetlania, otwórz obraz tła i zanotuj wysokość i szerokość. Następnie prześlij swój obraz do dostawcy usług hostingowych. Przetestuj adres URL obrazu; jednym z najczęstszych powodów, dla których obrazy się nie wyświetlają, jest literówka w adresie URL.

Wstaw blok stylu CSS w nagłówku dokumentu:

|_+_|

Domyślnie wartość powtarzania będzie kafelkowa, ale możesz również ustawić wartość powtarzania na

|_+_|

lub

|_+_|

do kafelkowania odpowiednio w poziomie lub w pionie.

Kolory tła komórki blokują obraz tła tabeli

Dowolne kolory tła ustawione w komórkach tabeli zastępują obraz tła w tabeli. Zachowaj więc ostrożność, używając kolorów tła w komórkach w połączeniu z obrazami tła tabeli.

Rozważania

Wszelkie obrazy, których używasz, muszą być objęte odpowiednią licencją; tylko dlatego, że możesz znaleźć zdjęcie w sieci, nie oznacza, że ​​możesz je wykorzystać na własny użytek. Szanuj prawa autorskie!

Tła tabel odróżniają Twoje tabele od strony leżącej u ich podstaw. Zastanów się jednak dwa razy przed użyciem tej techniki. Wstawienie neutralnego obrazu może nie rozpraszać, ale skomplikowane obrazki, które mają być urocze (na przykład wstawienie zdjęcia kotka za stołem wskazującym na adopcję zwierzaka) mogą wydawać się nieprofesjonalne i mogą wpływać na czytelność