DHTML0082

DHTML0082



Rozdział 5.

Czasami powtarzające si| tło myż^ |j>y|


Określanie powtórzeń obrazu tła


Określanie powtórzeń obrazu tła

naprawdę denerwujące. Może ono być powtarzane tam, gdzie nie trzeba. Możesz chcieć, aby powtarzało się tylko w wybranym kierunku. Kaskadowe arkusze stylów, dzięki właściwości background-repeat, dają doskonałą kontrolę nad sposobem powtarzania obrazu tła.

Aby kontrolować powtarzanie tła

1.    BODY{

Podaj selektor, dla którego chcesz zdefiniować tło. W tym przykładzie określimy tło całego dokumentu poprzez wykorzystanie znacznika <BODY>.

2.    background-image: url(../images/

►tlo1.gif); background-color: #CC6666;

W celu podania powtórzeń obrazu tła najpierw będziesz musiał określić ten obraz tła. Pomocne jest także określenie koloru tła, który będzie widoczny wszędzie tam, gdzie obraz tła nie zostanie powtórzony.

3.    background-repeat:

Rozpocznij definicję od podania nazwy właściwości określającej powtarzanie obrazu tła.

4.    no-repeat;

Następnie podaj słowo kluczowe informujące przeglądarkę, w jaki sposób

ma tyś trahtowan? powtarzani? obrazu tia;

•    repeat, informuje przeglądarkę, że grafika ma być powtarzana na całym obszarze tła elementu;

•    repeat-x, informuje przeglądarkę, że obraz tła ma być powtarzany wyłącznie

w poziomie. Innymi słowy, grafika będzie powtarzana w jednej poziomej linii wzdłuż górnej krawędzi elementu;

Listing H.4. Znacznikowi <BODY> zostaje przypisane lio, które jednak będzie wyświetlone tylko raz, w lewym górnym rogu okna przeglądarki...

lilii)

<head>

<meta http-equiv="Conter.t-Type" ->content='’text/html; charset>ISO-8859-2"> <title>Listing 5.4</title>

<style type*“"text/css">

BODY { background-image:

-»url(../images/tlo.gif); background-->color:jfCC6666; background-repeat: ->no-repeat; J

H2 { width: 120px; margin: -5px; -»font-size:18pt; line-height:28pt;

—Maargin-bottom: 70px; }

</style>

</head>

<body bgcrolor - "#FFFFFF">

<h2>Rozdział 3<br>

O tabelach</h2>

<p>W języku HTML definiuje się po kolei

. ..    </p>

</body>

</html>

84


Wyszukiwarka

Podobne podstrony:
DHTML0125 Rozdział 7. Przycinanie elementuPrzycinanie elementu W odróżnieniu od określania właściwoś
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
DHTML0060 Rozdział 3. Rozdział 3. Określanie kerningu £* SŚłycja iggpl:. Prrejd* Jubtor* Pnrrac. .
DHTML0062 Rozdział 3. niej użyć linii o podwójnej . oj nej Określanie odstępu wierszyOkreślanie odst
DHTML0072 Rozdział 4. Określanie styHii symboli listOkreślanie stylu symboli list Kontrolę nad typem
DHTML0078 Rozdział 5. Określanie kolorów E* ci tg Pńnt Secufy £ GuboOkreślanie kolorów Dzięki
DHTML0080 Rozdział 5. Określanie obrazu tłaOkreślanie obrazu tła Dzięki kaskadowym arkuszom stylów m
DHTML0086 Rozdział 5. Rozdział 5. Unieruchamianie tła na ekranieUnieruchamianie tła na ekranie Czasa
DHTML0089 Rozdział 6.Pojęcie bloku elementu Określenie element jest używane do odwoływania się do ró
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
DHTML0099 Rozdział 6. Ustawianie szerokości obramowania Określanie wielu wartości border-width: 5px
DHTML0101 Rozdział 6. Określanie koloru obramowaniaOkreślanie koloru obramowania Podobnie jak w przy
DHTML0103 Rozdział 6. Rozdział 6. Upiększanie obramowańUpiększanie obramowań Określenie koloru nie j
DHTML0105 Rozdział 6. Określanie wielu wartości obramowańOkreślanie wielu wartości obramowań dla jed
DHTML0107 Rozdział 6. Rozdział 6. Określanie szerokości i wysokości (rai arę ŁffiiW. u,. 5.

więcej podobnych podstron