Jak używać dwóch kolorów jako tła w witrynie

Kolor tła strony internetowej bez dostosowania jest biały. Język programowania w języku HTML umożliwia zmianę koloru tła oraz dodanie obrazu tła. Możesz użyć obrazu, aby wyświetlić tło z wieloma kolorami. Użyj istniejącego obrazu, który wyświetla dwa wybrane kolory, na przykład logo firmy lub utwórz je za pomocą edytora grafiki. Możesz utworzyć tło dwukolorowe dla swojej strony internetowej za pomocą powtarzającego się cienkiego obrazu poziomego. Użyj kaskadowych arkuszy stylów, aby wprowadzić zmiany na poziomie całej witryny.

1.

Otwórz edytor HTML lub tekstowy, aby utworzyć zewnętrzny arkusz stylów, który będzie utrzymywał twój styl tła CSS.

2.

Wpisz definicję stylu dla tła w tagu treści. Definicje stylów mają formę "tagu {}", więc definicją znacznika body będzie "body {}". CSS udostępnia różne parametry, które pozwalają zdefiniować swój styl. Właściwość "obraz tła" umożliwia wskazanie obrazu tła. Dodaj link do obrazu w parametrze "url". Na przykład kod może wyglądać tak:

body {background-image: url (images / 2colors.jpg); }

3.

Wpisz wartość, która nakazuje, aby tło powtarzało się w pionie - "repeat-y" - lub poziomo - "repeat-x" - używając właściwości "background-repeat". Ta właściwość umożliwia ustawienie parametrów w celu dostosowania sposobu powtarzania obrazu. Styl ciała będzie podobny:

body {background-image: url (images / 2colors.jpg); background-repeat: repeat-y; }

4.

Zapisz plik, używając rozszerzenia ".css", na przykład: pstestyles.css.

5.

Otwórz stronę internetową, do której chcesz zastosować styl tła. Linki do zewnętrznych dokumentów są ustawiane w zestawie znaczników "" twojej strony internetowej. Zlokalizuj znacznik "" i wstaw następujący tekst powyżej, aby zapewnić dostęp do arkusza stylów:

6.

Powtórz kodowanie linków na każdej stronie witryny, której chcesz użyć tła obrazu. Sprawdź wynik swoich zmian, ładując stronę do przeglądarki internetowej.