Щоб розмістити фонове зображення в нижньому правому куті сторінки, ви можете використовуйте властивість CSS background-position. Властивість background-position встановлює початкову позицію для кожного визначеного фонового зображення. Синтаксис такий: background-position: bottom right; .
Використання властивості float Властивість CSS float є властивістю позиціонування. Він використовується для штовхання елемента вліво або вправо, дозволяючи іншим елементам обертатися навколо нього. Зазвичай він використовується із зображеннями та макетами. Елементи плавають лише горизонтально.
фонове положення: X% Y% Фонова позиція: X% Y%; властивість розміщує фонове зображення за допомогою відсоткових значень, де X% позначає горизонтальне положення, а Y% позначає вертикальне положення відносно верхнього лівого кута елемента.
Фонове зображення CSS
- Встановіть фонове зображення для сторінки: body { background-image: url("paper.gif"); } …
- У цьому прикладі показано невдале поєднання тексту та фонового зображення. Текст важко прочитати: body { background-image: url("bgdesert.jpg"); …
- p { background-image: url("paper.gif"); } Спробуйте самі »
Позицію зображення в CSS можна змінити за допомогою використання властивостей CSS, таких як властивість об’єктної позиції та властивість float. Властивість Object-position використовується для вирівнювання позиції відносно координат x,y зображення в його контейнері.