Jak Ustawić Tło W Html

Jak Ustawić Tło W Html
Jak Ustawić Tło W Html
Anonim

Najpopularniejszym obecnie językiem znaczników hipertekstowych jest HTML. Oprócz szerokiej gamy narzędzi do określania struktury dokumentu posiada możliwość zmiany ich wizualnej prezentacji. Na przykład możesz ustawić tło dokumentu hipertekstowego i jego elementów na różne sposoby.

Jak ustawić tło w html
Jak ustawić tło w html

Czy to jest to konieczne

możliwość edycji dokumentu HTML

Instrukcje

Krok 1

Aby ustawić kolor tła całego dokumentu, tabel, a także ich wierszy, komórek nagłówka i komórek treści w HTML, użyj atrybutu bgcolor odpowiednio elementów BODY, TABLE, TR, TH, TD. Ten atrybut akceptuje wartość, która koduje kolor przestrzeni SRGB, wyrażoną jako liczba szesnastkowa poprzedzona hashem lub symbolicznym mnemonikiem. Na przykład:

Krok 2

Użyj atrybutu background elementu BODY, aby zdefiniować obraz, który będzie tłem całego dokumentu: Zgodnie z zasadą oddzielenia struktury i mechanizmów określania wizualnej prezentacji dokumentów hipertekstowych, zaleca się zamiast tego stosowanie arkuszy stylów atrybutów elementów HTML (zgodnie z opisem w krokach 1 i 2) …

Krok 3

Ustaw kolor tła dowolnego elementu za pomocą właściwości CSS background-color. Użyj atrybutu style, aby zdefiniować informacje o stylu wbudowanym dla elementu lub dodaj zestawy reguł z odpowiednimi selektorami do arkuszy stylów: zielone tło BODY {kolor-tła: # 00FF00; }

Krok 4

Zdefiniuj obraz tła dowolnego elementu lub grupy elementów za pomocą właściwości CSS background-image. Jego wartość musi być identyfikatorem URI identyfikującym powiązany zasób. Na przykład: BODY obraz w tle {obraz w tle: url ("myimage.gif")}

Krok 5

Ustaw dodatkowe zasady wyświetlania obrazów tła elementów dokumentu. Użyj właściwości CSS background-repeat, background-attachment i background-position. Pierwsza definiuje opcje kafelkowania, druga definiuje dokowanie względem dokumentu lub rzutni, a trzecia określa początkowe przesunięcie lub wyrównanie względem granic kontenera. Sprawdź specyfikację CSS2 na w3c.org, aby poznać możliwe wartości tych właściwości.

Zalecana: