Kurs języka HTML i CSS

Poradnik webmastera

  • Zwiększ rozmiar czcionki
  • Domyślny  rozmiar czcionki
  • Zmniejsz rozmiar czcionki
Tabele

Grafika jako tło

Email Drukuj PDF

Tematy: kolor | kolor tła | grafika jako tło | powtarzanie tła | zaczepienie tła | pozycja tła | mieszane atrybuty tła

Dane w pigułce
Zastosowaniewstawia ilustrację jako tło elementu
Dziedziczenietak
Wartościadres URL ilustracji
Wartość domyślnabrak
Przykładbackground-image: url('obrazki/obrazek.gif')
Uwagi
Odpowiednik w HTMLbody background - przestarzałe

Aby zdefiniować obraz tła, należy wpisać w definicji stylu background-image : adres obrazka

Rozmaitym elementom dokumentu, jak akapity, komórki tabel, śródtytuły w tekście, listy elementów czy inne, możemy przypisywać grafikę jako tło. Przykłady:

<h1 style="background-image: url('canvas2.gif')">Tytuł stopnia pierwszego na tle płótna</h1>

Tytuł stopnia pierwszego na tle płótna

<table border>
<tr>
<td style="height:100px; background-image: url('/grafika/greendot.gif')>Komórka tabeli z zieloną kropką jako tłem</td>
</tr>
</table>
Komórka tabeli z zieloną kropką jako tłem
Interpretacja: Internet Explorer, Firefox, Opera, Chrome

 

HTML5. Rusz głową.

HTML5. Rusz głową!

HTML5. Ćwiczenia praktyczne.

HTML5. Ćwiczenia praktyczne.

HTML5. Nieoficjalny podręcznik.

HTML5. Nieoficjalny podręcznik

Nowości Helionu

Statystyki

Użytkowników : 766
Artykułów : 513
Zakładki : 28
Odsłon : 15220101