Jak Ustawić Kolor Tła?

Spisu treści:

Jak Ustawić Kolor Tła?
Jak Ustawić Kolor Tła?

Wideo: Jak Ustawić Kolor Tła?

Wideo: Jak Ustawić Kolor Tła?
Wideo: Tutorial Photoshop - Jak zmienić kolor tła na zdjęciu w Photoshopie? 2024, Może
Anonim

Zazwyczaj podstawowy kolor tła strony internetowej jest ustawiany za pomocą kaskadowych arkuszy stylów (CSS). Rzadziej wykorzystywane są do tego możliwości języka HTML (HyperText Markup Language - „język znaczników hipertekstowych”). Czasami elementy opisu CSS są umieszczane wewnątrz znaczników HTML.

Jak ustawić kolor tła?
Jak ustawić kolor tła?

Instrukcje

Krok 1

Użyj atrybutu bgcolor tagu body, jeśli chcesz maksymalnie ułatwić określenie koloru tła i zminimalizować zmiany w kodzie źródłowym. Opisy wszystkich elementów strony są umieszczane w źródle strony wewnątrz bloku kodu HTML, który zaczyna się znacznikiem, a kończy znacznikiem. Atrybut bgcolor jest określony w znaczniku otwierającym i zawiera nazwaną wartość koloru (na przykład Red lub Chocolate) lub odpowiadający jej szesnastkowy kod koloru (odpowiednio # FF0000 lub # D2691E). W najprostszej postaci taki znacznik można zapisać, na przykład tak: Lub tak: Obie opcje ustawiają ten sam czerwony kolor tła dokumentu.

Krok 2

Użyj właściwości background-color, jeśli chcesz ustawić kolor tła dokumentu przy użyciu języka opisu stylu - ta metoda jest znacznie bardziej powszechna. Bloki opisu stylu mogą być zawarte w kodzie źródłowym dokumentu lub zapisane w osobnym pliku z rozszerzeniem css. Link do zewnętrznego pliku jest umieszczony w nagłówku strony (pomiędzy tagami i) i wygląda mniej więcej tak: @import "style.css"; Jeśli nie ma potrzeby przenoszenia instrukcji CSS do dodatkowego pliku, następnie @import "style.css"; należy zastąpić na przykład następującym testem: body {background-color: Red;} Tutaj body wskazuje, że instrukcja wewnątrz nawiasów klamrowych, która definiuje czerwony kolor tła, odnosi się do tego samego znacznika HTML body. A tutaj jest kilka systemów określania odcieni kolorów, ale najczęściej stosuje się kody szesnastkowe: body {background-color: # FF0000;}

Krok 3

Zamień właściwość background-color na background, aby zwięźle opisać bardziej złożoną strukturę tła. Na przykład, jeśli oprócz tła w określonym kolorze, obraz musi być umieszczony na podkładzie dokumentu. Taki opis może wyglądać tak: body {background: Red url (img / BGimage.gif) no-repeat;}

Krok 4

W oparciu o wybraną opcję przygotuj kod, który ustawia kolor tła dokumentu i wklej go do źródła strony. Można to zrobić na przykład za pomocą internetowego edytora stron systemu zarządzania treścią lub dowolnego edytora tekstu.

Zalecana: