CSS: wstaw obraz - tak to działa
W tej praktycznej wskazówce wyjaśniamy, jak wstawić obraz za pomocą CSS. Zasadniczo obrazy można wstawiać tylko tutaj w formie obrazów tła. To jednak wystarcza.
Wstaw obraz do CSS
Na przykład, jeśli chcesz dołączyć obraz do nagłówka za pomocą CSS, takiego jak logo, zadeklaruj następujące właściwości w #header:
- „background: url (image.webp) #FFFFFF;”
- „Bild.webp” jest tutaj rozumiany jako adres URL obrazu albo w stosunku do pliku css, albo jako bezwzględny adres na dysku.
- Za pomocą tego koloru deklarujesz kolor tła na swojej stronie.
- Obraz można teraz ustawić za pomocą dokładnej pozycji, na przykład: „background-position: 100px 100px;” lub poprzez informacje względne określone przez krawędź okna, takie jak „pozycja tła: prawy dolny;”.
- Aby twój obraz nie powtarzał się w sposób ciągły, możesz określić „brak powtarzania” w ramach właściwości „powtarzanie w tle”. Wygląda to tak: „background-repeat: no-repeat;”.
- Za pomocą właściwości „załącznik-tło” określasz, czy obraz przesuwa się wraz z przewijaniem, czy pozostaje w ustalonym miejscu na stronie: „załącznik-tło: naprawiono;”.
- Właściwości są określone w pliku CSS bez znaków cudzysłowu.
W następnej praktycznej wskazówce przeczytaj, jak zintegrować plik CSS za pomocą HTML.