Kolorowe tło na stronie nie tylko przyciąga uwagę odwiedzających, ale także oddaje nastrój zasobu. Witryny o tematyce kosmicznej tworzą atmosferę tajemniczości z tłem w postaci rozgwieżdżonego nieba, zasoby rozrywkowe rozweselają bogatą kolorystyką ciepłych barw, serwisy internetowe usług miejskich pokazują swoją oficjalność surowym designem i tłami w większości w odcieniach szarości i błękitu. Istnieje kilka sposobów na pokolorowanie własnej strony internetowej.
Czy to jest to konieczne
- - Twoja strona
- - przynajmniej podstawowa znajomość HTML
Instrukcje
Krok 1
Aby stworzyć jednokolorowe tło, znajdź następujące tagi oraz w kodzie HTML. Zmień pierwszy tag w ten sposób:
W tej konstrukcji #FFFF33 to zakodowany odcień żółci.
Krok 2
Kolor strony można określić nie tylko kodem, ale również słowami specjalnymi - nazwami kolorów podstawowych. Aby wskazać kolor tła słowem, napisz następujący kod:
Tutaj „żółty” to nazwa koloru żółtego.
Krok 3
Zamiast żółtego znaku kodowego lub jego nazwy, dodaj żądane oznaczenie koloru tła, którego potrzebujesz do tagu, korzystając z tej wskazówki:
czerwony - "czerwony" ("# FF0000")
niebieski - "niebieski" ("# 0000FF")
zielony - "zielony" ("# 008000")
różowy - "różowy" ("# FFC0CB")
fioletowy - "fioletowy" ("# EE82EE")
pomarańczowy - "pomarańczowy" ("# FFA500")
czarny - "czarny" ("# 000000")
Krok 4
Jeśli chcesz mieć powtarzający się obraz na tle witryny, wybierz mały obrazek, na którym tekst będzie wyraźnie widoczny. Prześlij zdjęcie na stronę. Aby umieścić obraz jako tło, wpisz ten kod w tagu
W tym wpisie zamiast "/images/fon.jpg" podaj ścieżkę do żądanego obrazu.
Krok 5
Kolor stron internetowych można ustawić nie tylko w kodzie HTML, ale także za pomocą stylów CSS. Używając tych stylów, nie musisz za każdym razem ustawiać tła w kodzie nowej strony. Aby zdefiniować tło w CSS między tagami i umieścić wpis w ten sposób:
ciało {
tło: # FFFF33;
}
Tutaj kolor tła jest ustawiany przez parametr tła.
Krok 6
Jeśli chcesz zrobić tło w CSS za pomocą obrazu, to między i napisz następujący kod, zamiast '/images/fon.jpg' określając ścieżkę do żądanego obrazu:
ciało {
obraz w tle: url ('/ images / fon.jpg');
powtarzanie w tle: powtarzanie;
}
Tutaj parametr background-image określa obraz tła, background-repeat - powtórzenie obrazu. Na stronie.
