Kurs języka HTML i CSS

Poradnik webmastera

  • Zwiększ rozmiar czcionki
  • Domyślny  rozmiar czcionki
  • Zmniejsz rozmiar czcionki
Kolor i tło

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

 

CSS. Tworzenie nowoczesnych stron WWW.

CSS3. Tworzenie nowoczesnych stron WWW
(czerwiec 2012)

HTML5 i CSS3. Standardy przyszłości

HTML5 i CSS3
Standardy przyszłości

CSS3. Szybki start. Wydanie V

CSS3. Szybki start.
Wydanie V