Aby upiększyć swoją witrynę w Internecie, możesz wprowadzić zmiany w jej projekcie. Zmiana projektu oznacza dowolne działanie, od zmiany tła strony głównej do całkowitego przerysowania szablonu witryny. Jeśli zdecydujesz się zmienić tło swojej witryny, poniższa instrukcja pomoże w rozwiązaniu tego problemu.
Niezbędny
Edycja pliku css
Instrukcje
Krok 1
W większości kod projektu witryny znajduje się w pliku style.css. Ale każdy szablon może się różnić od poprzedniego, więc kod projektu może znajdować się w innym pliku, ale także z rozszerzeniem css. Aby ustawić kolor tła witryny, musisz wprowadzić lub zastąpić istniejącą wartość następującym wyrażeniem: / * białe tło * / body {
kolor tła: #FFFFFF;} / * białe tło tytułu, czarny kolor czcionki * / h1 {
kolor: # 000000;
kolor tła: #FFFFFF;
}
Krok 2
Aby wstawić dowolny obraz jako tło w witrynie, musisz wpisać lub zastąpić istniejącą wartość następującym wyrażeniem: body {
kolor tła: # 000000;
obraz w tle: adres URL ("Obraz-1.jpg");
}
Należy zauważyć, że w tym przypadku konieczne jest podanie linku do pliku obrazu, który będzie znajdował się w tym samym folderze co plik css.
Krok 3
Jeśli chcesz podzielić mały obrazek lub mały obrazek, użyj polecenia powtarzania tła. Aby poprawnie używać tego polecenia, istnieje kilka udoskonaleń tego polecenia:
background-repeat: repeat-x - powtórz obraz wzdłuż osi x;
background-repeat: repeat-y - powtórz obraz wzdłuż osi y;
background-repeat: repeat - powtarza obraz w dwóch osiach jednocześnie;
background-repeat: no-repeat - obraz się nie powtarza;
background-attachment: scroll - przewijanie obrazu razem ze stroną;
background-attachment: naprawiono - obraz nie jest przewijany.
Korzystając ze składni tego polecenia, możesz pokazać, jak to działa na przykładach:
background-position: 30px 40px - Obraz ma 30 pikseli w dół od góry i 40 pikseli od lewej do prawej.
background-position: 60% 35% - Dopełnienie lewe to 60%, a dopełnienie górne to 25%.
