Przejdź do treści

Jak rozciągnąć tło obrazkowe na całą stronę CSS? - Kurs HTML i CSS

Jak rozciągnąć tło obrazkowe na całą stronę CSS?

Wymaga to zastosowania bardziej zaawansowanych własności stylów [zobacz rozdziały: Zaczepienie tła obrazkowego, Pozycja tła obrazkowego, Powtarzanie tła obrazkowego, Rozmiary tła obrazkowego]. W arkuszu stylów można wstawić np. następujący kod: body { background-attachment: fixed; background-color: white; background-image: url(obrazek.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; color: black; }. Tak wstawiona tapeta pozostanie nieruchoma przy przewijaniu strony, a przy tym wypełni całą powierzchnię strony z zachowaniem oryginalnych proporcji zdjęcia. Może być jednak przycięta po bokach albo na górze i na dole, jeśli nie będzie pasować do aktualnych proporcji wymiarów okna przeglądarki.

Zobacz więcej...

  • CSS
    CSS dla zielonych / Tapeta CSS {background-color, background-image, color}

    ...Windows, mogą go ukrywać) czy użycie w nazwie pliku polskich znaków diakrytycznych bądź spacji. Zaleca się także nie używać wielkich liter. Jak rozciągnąć tło obrazkowe na całą stronę CSS? Wymaga to zastosowania bardziej zaawansowanych własności stylów [zobacz rozdziały: Zaczepienie tła obrazkowego, Pozycja tła obrazkowego, Powtarzanie tła obrazkowego, Rozmiary tła obrazkowego]. W arkuszu stylów można wstawić np. następujący kod: body { background-attachment: fixed; background-color...

★★★★★ 5/5 (209)

Facebook