Tło to jeden z najważniejszych elementów strony internetowej. Dobre tło nadaje ton stronie i uzupełnia treść. Istnieje wiele różnych sposobów dodawania tła, z których każdy ma inny cel. Niektóre metody pozwalają zastosować tło do wszystkich stron w witrynie, podczas gdy inne ograniczają tło tylko do określonej strony. Z tego artykułu dowiesz się, jak dodać tło do swojej witryny za pomocą HTML lub CSS.
Kroki
Metoda 1 z 2: Metody HTML
Jednolite kolorowe tło
Krok 1. Jednokolorowe tło to najbardziej podstawowy rodzaj tła, który możesz umieścić na stronie internetowej
W rzeczywistości każda strona internetowa zaczyna się od domyślnego białego tła. Jednak podczas gdy białe tło może wyglądać bardzo elegancko i czysto, gdy jest używane z harmonijnym schematem kolorów, inne kolorowe tło może być preferowane z różnymi motywami.
Krok 2. Otwórz swój kod internetowy (źródło)
Krok 3. W tagu body dodaj atrybut o nazwie bgcolor
Teraz twój tag ciała powinien wyglądać tak-
gdzie COLORNAME to nazwa koloru. COLORNAME może być wypełniony wieloma rodzajami reprezentantów kolorystycznych-
- (nazwa koloru)
- (wartość szesnastkowa)
- (wartość RGB)
Krok 4. Eksperymentowanie z RGB i # może prowadzić do wielu odcieni, ale możesz wybrać łatwy pierwszy sposób
Pamiętaj jednak, że wpisanie rzadkiego koloru jako „Ultramarine Blueish Green” spowoduje powstanie koloru białego.
Dodawanie obrazu tła
Dodanie obrazu tła jest nieco bardziej skomplikowane niż jednokolorowe tło
Krok 1. Dodaj właściwość background do tagu body, więc wygląda to tak:
gdzie SRC jest źródłem obrazu SRC może znajdować się w tym samym folderze lub innym folderze/stronie internetowej.
- (w tym samym folderze)
- (wewnątrz innego folderu)
- (na innej stronie internetowej)
Krok 2. Pamiętaj, aby wpisać rozszerzenie.gif/-j.webp" />
Metoda 2 z 2: Metody CSS
Jednolite kolorowe tło
Krok 1. Aby dodać jednokolorowe tło w CSS, dodaj atrybut stylu
Możesz także nadawać identyfikatory i klasy oraz używać zarówno zewnętrznych, jak i wewnętrznych arkuszy stylów.
Krok 2. Twój tag ciała powinien wyglądać tak:
gdzie COLORNAME to nazwa koloru, wartość szesnastkowa lub RGB (Pamiętaj również ostatnie kroki jednolitego kolorowego tła w HTML, mają one również zastosowanie tutaj).
Dodawanie obrazu
Krok 1. Aby dodać obraz, dodaj atrybut stylu do tagu body
Możesz także podawać identyfikatory i klasy oraz używać zarówno zewnętrznych, jak i wewnętrznych arkuszy stylów.
Krok 2. Twój tag ciała powinien teraz wyglądać tak:
Krok 3. Pamiętaj, że źródłem jest SRC
Może pochodzić z tego samego folderu, innego folderu lub innej strony internetowej.
- (w tym samym folderze)
- (wewnątrz innego folderu)
- (na innej stronie internetowej).
Krok 4. Pamiętaj, aby dodać również rozszerzenia
Powtarzające się wzorzyste tło
Krok 1. Aby utworzyć powtarzający się wzór tła, dodaj tło zgodnie z powyższymi krokami
Twój tag ciała musi być teraz zmieniony na-
Gdzie REPEAT-SETTINGS to ustawienia. Może istnieć wiele ustawień powtarzania, takich jak-
- (Tło będzie się powtarzać zarówno w pionie, jak iw poziomie.)
- (Tło będzie się powtarzać poziomo.)
- (Tło będzie się powtarzać w pionie.)
Naprawiono tło obrazu
Krok 1. Naprawione tła obrazu wyglądają fajnie i nie zmieniają się podczas przewijania w dół
Aby to zrobić, wystarczy wprowadzić kilka prostych poprawek w kodzie w powyższej sekcji. Zrób poprawki, aby tag ciała wyglądał tak: