DHTML0080

Rozdział 5.

Określanie obrazu tła

Dzięki kaskadowym arkuszom stylów można określać nie tylko obraz tła całej strony, lecz także obrazy tła poszczególnych jej elementów. A zatem możesz określić obraz tła całej strony, a następnie wybrać inne obrazy tła dla tytułu strony lub pól służących do wprowadzania danych.

Aby zdefiniować obraz tła

1. #para1

Podaj selektor, który chcesz zdefiniować.

W tym przypadku określimy obraz tła dla selektora identyfikatora.

2. background-image:

Podaj nazwę właściwości (background-image) oraz dwukropek.

3. ulr(../images/tlo.gif)

Poinformuj przeglądarkę, gdzie jest umieszczony plik, którego chcesz użyć w funkcji tła. Możesz podać zarówno pełny adres WWW, jak i nazwę pliku lokalnego. W tym przypadku użyty został adres względny, informujący że plik zawierający tło nazywa się tlo.gif, i aby go odnaleźć, należy przejść do kartoteki nadrzędnej, a następnie wejść do kartoteki images. Zamknij określenie adresu URL podając nawias zamykający).

4. Możesz także wpisać wartość nonę, która poinformuje przeglądarką aby nie Używąę żadnego rysunku tła.

5. ; padding: 10px; font: bold 12pt/

->14pt helvetica,sans-serif; color: black;}

Zakończ definicję za pomocą średnika. Teraz możesz dodać do reguły następne definicje i zakończyć ją za pomocą zamykającego nawiasu klamrowego }.

Listing 5.3. Znacznik <80DY> będzie posiadał swój obraz tla, różny od obrazu tła akapitów

<html>

<head>

<mets ftttp-eguiy^Content-Type"

-»content="text/htmi; charset=ISO-8859-2"> <title>Listing 5.3</title>

#paral { background-image:

-»url(../images/tlo.gif); padding:10px; ->font: 12pt/14pt bold helvetica, arial, -»sans-$erif; color: black; }

BODY { background-image:

->url(../images/tlo2.gif); }

</style>

</head>

cbody bgcolor • FFFFFF">

<p id="paral">W języku HTML definiuje się pc kolei wszystkie wiersze tabeli, a każdy z wierszy zawiera definicję wszystkich zawartych w nim komórek. <b>Definiowanie tabeli zaczynamy od górnego wiersza</b> i określamy wszystkie jego komórki, następnie drugi wiersz i jego komórki itd. Kolumny obliczane są automatycznie w oparciu o liczbę komórek w każdym z wierszy.</p> </body>

</html>

Wyszukiwarka

Podobne podstrony:
DHTML0078 Rozdział 5. Określanie kolorów E* ci tg Pńnt Secufy £ GuboOkreślanie kolorów Dzięki
DHTML0044 Rozdział 1.Określanie porządku kaskady Na jednej stronie WWW możesz dysponować dołączonymi
DHTML0049 Rozdział 2. Określanie czcionkiOkreślanie czcionki Czcionka użyta do wyświetlenia tekstu m
DHTML0072 Rozdział 4. Określanie styHii symboli listOkreślanie stylu symboli list Kontrolę nad typem
DHTML0091 Rozdział 6. Określanie marginesów elementuOkreślanie marginesów elementu Właściwość margin
DHTML0093 Rozdział 6. Określanie pojedynczych marginesów Listing 6.2. Treść dokumentu ma ustawione m
DHTML0095 Rozdział 6. Określanie wypełnieniaOkreślanie wypełnienia wokół elementu Na pierwszy rzut o
DHTML0097 Rozdział 6. Określanie wypełnienia Określanie wypełnienia na jednej stronieJeśli chcesz, m
DHTML0101 Rozdział 6. Określanie koloru obramowaniaOkreślanie koloru obramowania Podobnie jak w przy
DHTML0105 Rozdział 6. Określanie wielu wartości obramowańOkreślanie wielu wartości obramowań dla jed
DHTML0113 Rozdział 7. Określanie typu położeniaOkreślanie fypu położenia Kiedy określasz atrybuty zn
DHTML0123 Rozdział 7. Określanie marginesuOkreślanie górnego i lewego marginesu Oprócz marginesów, k
DHTML0026 Rozumienie selektorów Rozdział 1.Rozumienie selektorów W regułach kaskadowych arkuszy styl
DHTML0040 Rozdział 1. Rozdział 1. Dodawanie komentarzy do CSSDodawanie komentarzy do CSS Arkusze sty
img1 Wprowadzenie Organizacja W3C opracowało CSS (kaskadowe arkusze stylów) CSS odpowiada za określe
DHTML0129 Praktyczne zastosowanie CSS Istnieje wiele różnych sposobów wykorzystania kaskadowych arku
DHTML0082 Rozdział 5. Czasami powtarzające si
Obraz cyfrowy Cechy obrazu cyfrowego ■ Rozdzielczość b) rozmiar obrazu -

więcej podobnych podstron