Umieszczenie obrazu tła na stronie internetowej to sprawa pięciu minut. Dużo więcej czasu poświęca się na przygotowanie obrazu – selekcję, korektę, dodawanie efektów, skomponowanie kilku ilustracji w jeden plik graficzny.
Instrukcje
Krok 1
Atrybut background jest odpowiedzialny za zarządzanie tłem. Aby równomiernie wypełnić stronę jednym kolorem, użyj tagu style w body:. Tło będzie czarne. Jeśli używasz CSS, umieść w głowie: body {background-color: # 000000;}
Krok 2
Za pomocą linku ustawiany jest powtarzający się obraz. Adres jest określony jako link zewnętrzny lub wewnętrzny. Podczas korzystania z tej metody ważne jest, aby szwy między obrazami pozostały niewidoczne, w przeciwnym razie strona będzie wyglądać niechlujnie. W CSS użyj: body {background-color: # 000000; background-image: url (images / pattern.png);}.
Krok 3
Powtarzanie wzoru można kontrolować. Za tę funkcję odpowiada Background-repeat wraz z następującymi elementami: - repeat-x - powtórzenie poziome - repeat-y - powtórzenie pionowe: - repeat - powtórzenie w obu kierunkach - no-repeat - bez powtórzeń. to: body {background-color: # 000000; obraz w tle: url ("butterfly.gif"); powtarzanie w tle: bez powtórzeń; }
Krok 4
Pozycja tła pomaga ustawić obraz w pożądanej części strony internetowej. Współrzędne można ustawić w procentach (50% 75%), centymetrach (5cm 5cm), proporcjach pikseli (200px 400px), formie wyrazu (lewo, prawo, góra, środek, dół). Na przykład: body {background-color: # 000000; obraz w tle: url ("butterfly.gif"); powtarzanie w tle: bez powtórzeń; załącznik w tle: naprawiony; pozycja tła: lewy dół; } Wartość 0% 0% to lewy górny róg.
Krok 5
Właściwość background-attachment określa, czy obrazy są przewijane wraz ze stroną (background-attachment: scroll), czy nie (background-attachment: fixed).
