Jak dodać tło na stronie internetowej

Tło jest jednym z najważniejszych elementów strony internetowej. Dobre tło tworzy pewien nastrój, urok witryny i uzupełnia jego treści. Jest wiele różnych sposobów dodawania tła. Niektóre metody pozwalają zastosować tło dla wszystkich stron witryny, podczas gdy inne dodają tło tylko na określoną stronę. Ten artykuł nauczy Cię, jak dodać tło do swojej witryny za pomocą HTML lub CSS.

Kroki

Metoda 1 z 2:
Za pomocą HTML

Monoloralne tło

  1. Obraz zatytułowany Dodaj tło na stronie Krok 1
jeden. Monochromatyczne tło - najbardziej podstawowy typ tła, które można umieścić na stronie internetowej. W rzeczywistości każda strona jest tworzona na białym tle. Jednakże, podczas gdy białe tło może być bardzo przyjemny wygląd, a nie denerwujący, niektórzy wolą kolorowe tło z różnymi tematami i rysunkami.
  • Obraz zatytułowany Dodaj tło do strony internetowej Krok 2
    2. Otwórz stronę źródłową (źródło).
  • Obraz zatytułowany Dodaj tło do strony internetowej Krok 3
    3. W kodzie tekstowym napisz bgColor. Teraz tekst będzie wyglądał - W polu Nazwa pola (kolorowa nazwa) wprowadź nazwę koloru w języku angielskim. na przykład -
  • (kolor)
  • (numer)
  • (Wartość RGB)
  • Obraz zatytułowany Dodaj tło do strony internetowej Krok 4
    cztery. Eksperymentuj z wartością RGB, a będziesz miał wiele różnych odcieni. Pamiętaj, że kolory należy wprowadzić poprawnie i po angielsku.
  • Obraz jako tło

    • Dodaj obraz jako tło bardziej skomplikowane niż jednokolne tło.
    1. Obraz zatytułowany Dodaj tło do strony internetowej Krok 5
      jeden. Dodaj taką wartość do kodu -, gdzie SRC jest plikiem źródłowym lub linkiem do lokalizacji obrazu.
    2. (w tym samym folderze)
    3. (W innym folderze)
    4. (w Internecie)
    5. Obraz tytułowy Dodaj tło do strony internetowej Krok 6
      2. Pamiętaj, że musisz wprowadzić obrazy w formacie .jpg / .JPEG /.jpg.
    Metoda 2 z 2:
    Za pomocą CSS
    Obraz tytułowy Dodaj tło do strony internetowej Krok 6

    Monoloralne tło

    1. Obraz zatytułowany Dodaj tło na stronę Krok 7
      jeden. Aby dodać pojedyncze tło w CSS, dodaj atrybut stylu. Możesz także przypisać identyfikator i klasę i używać zarówno zewnętrznych, jak i wewnętrznych przykładów stylów.
    2. Obraz zatytułowany Dodaj tło do strony internetowej Krok 8
      2. Kod kodu powinien wyglądać -

    3. , gdzie kolorowy nazwa jest nazwa koloru, jego numer lub jego RGB .

    Dodanie obrazu

    1. Obraz zatytułowany Dodaj tło do strony internetowej Krok 9
      jeden. Aby dodać obraz, dodaj atrybut stylu do kodu źródłowego.Możesz przypisać identyfikator i zajęcia, a także używać zarówno zewnętrznych, jak wewnętrzne przykłady stylów.
    2. Obraz zatytułowany Dodaj tło na stronie Krok 10
      2. Kod powinien wyglądać -

    3. Obraz tytułowy Dodaj tło do strony internetowej Krok 11
      3. Pamiętaj, że SRC to oryginalna lokalizacja obrazu. Na przykład folder lub link.
    4. (w tym samym folderze)
    5. (W innym folderze)
    6. (Link do strony w Internecie).
    7. Obraz zatytułowany Dodaj tło na stronie Krok 12
      cztery. Pamiętaj, że musisz określić nazwę pliku i ekspansję.

    Powtórz obraz tła kilka razy

    1. Obraz zatytułowany Dodaj tło do strony internetowej Krok 13
      jeden. Aby zrobić tło z powtórzeniem jednego obrazu lub wzoru, zmień kod - URL ("SRC") - Powtórz tło: Ustawienia powtarzania- "> Gdzie ustawienia powtarzania to ustawienia powtarzania obrazu.na przykład-
    2. (Powtarzający się obraz poziomo i pionowo.)
    3. (Powtarzający się obraz poziomo.)
    4. (Powtórz obraz pionowo.)

    Obraz, który nie przewija

    1. Obraz zatytułowany Dodaj tło do strony internetowej Krok 14
      jeden. Obraz, który nie przewija, gdy przeglądasz dolną lub górną część witryny. Oto kod -

    2. , Gdzie SRC jest oryginalnym folderem z obrazem, pozycja jest pozycją obrazu (na przykład, centrum, górny, dolny) - tło - typ tło.

    Rada

    • Przeczytaj pełny artykuł.

    Ostrzeżenie

    • W HTML 4.01 w XHTML Ta metoda może nie działać.
    Podobne publikacje