/
Da11oS
/
css_styles_examples
Обзор
Документация
Войти
/
Da11oS
/
css_styles_examples
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
bg.html
58 строк
1 KB
Da11oS
init
09 июл 2025, 22:31
09 июл 2025, 22:31
f3aeeea
Код
Авторство
О чём код?
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <title>Background Примеры</title> <style> body { height: 100vh; } div { height: 20%; } .bg-red { background-color: red; } .bg-blue { background-color: blue; } .bg-green { background-color: green; } .bg-image1 { background-image: url('https://forum.novaskin.me/uploads/default/original/2X/3/36ecafa067e86ee0022c5f2f41f33fb82e064d1b.jpeg'); background-size: cover; } .bg-image2 { background-image: url('https://i.pinimg.com/736x/b9/06/24/b90624982609a98ec48328e6fd65fff2.jpg'); background-size: contain; } .bg-mixed { background-color: #333; background-image: url('https://wallpapers.com/images/hd/handsome-squidward-tentacles-minimalist-8wr94foqq3kuj7qy.jpg'); background-size: 200px 200px; } </style> </head> <body> <!-- Только фон цвета --> <div class="bg-red">bg-red</div> <div class="bg-blue">bg-blue</div> <div class="bg-green">bg-green</div> <!-- Только фоновое изображение и размер --> <div class="bg-image1">bg-image1</div> <div class="bg-image2">bg-image2</div> <!-- Фон цвет + изображение + размер --> <div class="bg-mixed">bg-mixed</div> </body> </html>