Tło strony dokładnie na środku
Tło strony można definiować w prosty sposób - <body
background="tlo.jpg">
dam nam możliwość podstawienia własnego tła na naszej witrynie. Można
jednak trochę urozmaicić wygląd naszego serwisu definiując inne rozwiązanie
wyświetlania tła.
W tym artykule pokażę jak uzyskać efekt tła, które
znajdzie się dokładnie na środku naszej strony. Parametry, które będą nas
interesować przy definiowaniu tego efektu to:
background-repeat - definicja powtarzania tła, która określa nam
czy nasze tło ma być pojedynczym obrazkiem czy ma się powtarzać. U nas
przyjmie ona wartość no-repeat, czyli tło nie będzie się powtarzać.
background-position to położenie naszego tła względem strony
- u nas wartości to 50%, czyli dokładnie środek strony. Możemy
jednak kreślić własne współrzędne np.
background-position:230px,450px; background-attachment - definiuje czy
nasze tło ma się przewijać. U nas wartość fixed - zdefiniuje tło
statycznie, ale możemy również podać tu scroll aby nasze tło przewijało się
ze stroną.
Całość definicji, którą dodajemy do znacznika body wyglądać będzie
następująco:
<body
style="background-image: url(tlo.gif); background-position:50%
50%; background-attachment: fixed; background-repeat:no-repeat;">
Autor:70.pl
__________________________________________
Artykuł dodano: 2003-01-02 11:47:54
Strona czytana: 8116 razy
|
