Ustawienie tła w CSS

Ważnym elementem budowania stron internetowych jest tło. Pokażę Wam w jaki sposób można owe tło ustawić.
Jest kilka sposobów wykonania. Oto one:

Kolor tła:

Powtarzające się tło:

Warianty:

repeat – Grafika jest powtarzana, aby wypełniła całą powierzchnię tła. To jest domyślne zachowanie.

repeat-x – Grafika jest powtarzana tylko w poziomie. Wypełnia całą szerokość, ale nie wysokość.

repeat-y – Grafika jest powtarzana tylko w pionie. Wypełnia całą wysokość, ale nie szerokość.

no-repeat – Grafika jest wstawiana tylko w jednym miejscu.

Przesuwanie tła:

Tło pozostaje w jednym stałym miejscu na stronie:

Warianty:

fixed – Tło pozostanie nieruchome względem okna przeglądarki. Przykład jak wyżej.
scroll – Tło przesuwa się razem ze stroną. To jest domyślne zachowanie. Przykład:

elpcmaniak

Informatyk z zawodu, interesuję się majsterkowaniem i elektroniką. Po godzinach lubię tworzyć...Kocham góry!

Poczytaj jeszcze...

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *

This site uses Akismet to reduce spam. Learn how your comment data is processed.