webmaster webmastering webdesign

Jeste tutaj: webmade.org >> porady >> xhtml + html + css

T這 na stronie

autor: Patryk 'yarpo' Jar, ostatnia modyfikacja: 2007-02-21

szukaj: t這 t這 background background html html

T這 jednolite

..
<html>
<head>
<title>Strona</title>
<style type="text/css">
body {
 background: #A56FF6;
}
</style>
</head>
<body>
</body>
</html> 

W ten spos鏏 uzyskujemy pewne zabarwienie strony. Kolor poda mo積a na 3 sposoby:

niezale積ie od sposobu jaki wybierzemy zawsze stosujemy t sam sk豉dni:

background: /*Tu wpisujemy jeden z powy窺zych przyklad闚;*/

Tablic kolor闚 znale潭 mo積a na tej stronie yarpo.republika.pl/www/lekcje/tabela_kolorow.htm.

T這 cz瘰to mo瞠 by niezwykle ciekawym elementem strony. Niestety - je郵i we幟ie si jedynie standardowy kolor - raczej nie jest to rewelacja. A gdy wybra t這-grafik, to rozmiary strony mog si niebezpiecznie zwi瘯szy, chyba, 瞠 zastosujemy pewn sztuczk...

Powtarzanie t豉

W samym HTML mo積a by這 wstawi t這 i ewentualnie je unieruchomi. na szcz窷cie CSS pozwala na du穎 wi璚ej. Na pocz徠ek poka瞠, jak wykorzysta grafik o rozmiarze 1px szeroko軼i i 100 px wysoko軼i do stworzenia ciekawego t豉.

..
<html>
<head>
<title>Strona</title>
<style type="text/css">
body {
 background: transparent url(tlo1.jpg) top left repeat-x;
}
</style>
</head>
<body>
</body>
</html>

Skopiuj ten kod i pobierz grafik. Zapisz to jako stron i podziwiaj efekt:-). wszystko si rozgrywa w jednej linijce kodu!!! oto jej t逝maczenie: 't這: bez_koloru url(scie磬a_do_pliku) [zacznij od]gora lewa powtarzaj_wzd逝甍osi_x'

A teraz czas zobacz ja stworzy taki efekt dla t豉 o ma貫j wysoko軼i i du瞠j szeroko軼i:

..
<html>
<head>
<title>Strona</title>
<style type="text/css">
body {
 background: transparent url(tlo2.jpg) top left repeat-y;
}
</style>
</head>
<body>
</body>
</html>

Co bardziej spostrzegawczy obserwator zauwa篡, 瞠 zmieni貫m w por闚naniu z poprzednim przyk豉dem tylko 2 znaki [1 na 2 w 軼ie盧e pliku i x na y]

Inne mo磧iwo軼i:

Atrybut 'background' mo積a przypisa ka盥emu selektorowi [znacznikowi-tagowi].

Patryk 'yarpo' Jar

Osoby czytaj帷e t publikacj przegl康a造 r闚nie:

 

tworzenie stron internetowych Katowice valid XHTML
valid CSS
© 2004-2008 copyright by webmade.org