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łączonymiDHTML0049 Rozdział 2. Określanie czcionkiOkreślanie czcionki Czcionka użyta do wyświetlenia tekstu mDHTML0060 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 odstDHTML0072 Rozdział 4. Określanie styHii symboli listOkreślanie stylu symboli list Kontrolę nad typemDHTML0078 Rozdział 5. Określanie kolorów E* ci tg Pńnt Secufy £ GuboOkreślanie kolorów DziękiDHTML0080 Rozdział 5. Określanie obrazu tłaOkreślanie obrazu tła Dzięki kaskadowym arkuszom stylów mDHTML0086 Rozdział 5. Rozdział 5. Unieruchamianie tła na ekranieUnieruchamianie tła na ekranie CzasaDHTML0089 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ść marginDHTML0093 Rozdział 6. Określanie pojedynczych marginesów Listing 6.2. Treść dokumentu ma ustawione mDHTML0095 Rozdział 6. Określanie wypełnieniaOkreślanie wypełnienia wokół elementu Na pierwszy rzut oDHTML0097 Rozdział 6. Określanie wypełnienia Określanie wypełnienia na jednej stronieJeśli chcesz, mDHTML0099 Rozdział 6. Ustawianie szerokości obramowania Określanie wielu wartości border-width: 5pxDHTML0101 Rozdział 6. Określanie koloru obramowaniaOkreślanie koloru obramowania Podobnie jak w przyDHTML0103 Rozdział 6. Rozdział 6. Upiększanie obramowańUpiększanie obramowań Określenie koloru nie jDHTML0105 Rozdział 6. Określanie wielu wartości obramowańOkreślanie wielu wartości obramowań dla jedDHTML0107 Rozdział 6. Rozdział 6. Określanie szerokości i wysokości (rai arę ŁffiiW. u,. 5.więcej podobnych podstron