Jak zrobić tło w HTML

W konfigurowaniu dowolnej witryny, oprócz funkcjonalności, projekt jest bardzo ważny. W ten sposób jest własny styl i projekt firmy lub osoby, dla której utworzona jest strona. Dostosuj kolor tła, a jego obraz nie będzie pracował, postępując zgodnie z instrukcjami w tym artykule.

Otwórz plik HTML według notebooka lub innego edytora tekstu, do którego jesteś przyzwyczajony.

Na przykład, wykonaj prymitywną stronę witryną z minimalnym tekstem. Możesz otworzyć plik za pomocą dowolnej przeglądarki.

Aby rozpocząć, zmień kolor tła, ponieważ ludzie z powolnymi połączeniami internetowymi nie będą mogli zobaczyć obraz tła witryny. Pewny czas, aż zdjęcie zostanie załadowane, mogą zobaczyć tylko kolor witryny.
Wpisz \u003cBody\u003e Tag \u003cBody\u003e Parametr BGColor \u003d "*****", gdzie ***** jest kolorowym szyfrem. Możesz nauczyć się kolorów dla HTML w dowolnym edytorze graficznym, wybierając opcję "dla VEB" lub na stronie https://kolorcheme.ru/color-Names.

Wystarczy, aby wybrać kolor w palecie Circle i przypisać swoją intensywność w ramach kwadratu. Po prawej stronie zobaczysz dwa kody dla HTML. Skopiuj je i wstaw je do notebooka.

Znalezienie koloru i wkładanie go do kodu, sprawdź, czy zrobiłeś wszystko w prawo, przeglądając wynikową stronę internetową z przeglądarki.

Teraz możesz przejść do wstawienia obrazu tła. Umieść pożądane zdjęcie w folderze KOD dla większej wygody. Zapytaj go o nazwisko Latin Letters.

Teraz znajdź lokalizację pliku, klikając go z prawym przyciskiem myszy, wybierając ciąg "Otwórz używając" i klikając dowolną przeglądarkę zainstalowaną na komputerze.

Skopiuj adres z paska wyszukiwania przeglądarki.

Teraz w tagu \u003cbody\u003e wprowadź ciąg:

style \u003d "Background-Image: URL (" Plik: /// C: /ussers/pail_file.jpg ') "

Zapisz plik.

Sprawdź swoją stronę internetową. Zobaczysz, że tło jest podstawione pod tekstem.

Należy pamiętać, że użytkownicy, którzy mają większą rozdzielczość ekranu, obraz będzie powielany w dół iw prawo. To nie wygląda dobrze, jeśli obraz nie jest monofoniczny. Aby poprawić ten parametr istnieją specjalne polecenia.

powtarzanie tła.: “Oznaczający”. Opcje wartość może być: " repeat-X " - Powtarza obraz tła i poziomo, jak i pionowo. " repeat-Y " - powtarzanie tylko w pionie. " no-repeat " - Obraz jest zamrożony w miejscu i nie powtarza się. " przestrzeń " - Cała strona zostanie wypełniona maksymalna ilość kopii obrazu, skrajny woli chwalić. " okrągły " - ta sama opcja, ale na krawędziach obrazu zostanie starannie skalowany;
background-attachment: "Value". Jeżeli podstawimy zamiast tego słowa znaczeniu "TEG zwój„Obraz będzie przewijany wraz z serwisu. " naprawiony„- podczas przewijania tło pozostaje niezmienione;
background-Size: wartość wartość2. Oto wartości muszą przyjąć kwotę wyrażoną w pikselach. Na przykład: 100px 200px. Oprócz pikseli, wartości przyjmowane są w procentach. Jest to parametr, aby wypełnić stronę obrazu. Oprócz liczb, można wprowadzić dwa parametry: " zawierać„- wypełnia strona z obrazem wzdłuż dłuższego boku i” okładka.„- wypełnia stronę z obrazem szerokości.