CSS: вмъкнете картина - така работи
Свързани Видеоклипове: (Може 2024).
В този практичен съвет обясняваме как да вмъкнете изображение с помощта на CSS. По принцип изображенията могат да се вмъкват тук само под формата на фонови изображения. Това обаче е напълно достатъчно.
Вмъкване на изображение в CSS
Например, ако искате да включите изображение в заглавката с помощта на CSS, като вашето лого, декларирайте следните свойства под #header:
- "фон: url (image.webp) #FFFFFF;"
- Тук "bild.webp" се разбира като URL адрес на вашето изображение или спрямо файла css, или като абсолютен адрес на вашия диск.
- С цвета декларирате цвета на фона на вашия уебсайт.
- Изображението вече може да бъде позиционирано, като се използва точно позиция, като например: "фон-позиция: 100px 100px;" или чрез относителна информация, определена от ръба на прозореца като "фон-позиция: долу вдясно;".
- За да не се повтаря изображението ви непрекъснато, можете да зададете „не повторение“ под свойството „фон-повторение“. Изглежда така: "фон-повторение: не-повторение;".
- Със свойството "background-attachment" определяте дали изображението се движи с превъртането или остава на определено място на страницата: "background-attachment: fix;".
- Свойствата са посочени във CSS файла без кавички.
В следващия практичен съвет прочетете как да интегрирате CSS файл с помощта на HTML.