Здравствуйте, уважаемые подписчики и гости канала «Советы в Дзен»! В этом уроке мы расскажем, Как сделать картинку фоном в html через CSS.
Это не такая сложная задача, как может показаться. Посмотрев наш видео-урок для начинающих (выше) вы поймете, как можно быстро задать фоновое изображение вашего html документа используя стили CSS.
Если что-либо в нашем видео-уроке будет непонятно, задавайте вопросы в комментариях, мы обязательно ответим!
Итак, чтобы сделать картинку фоном в html через css , необходимо сделать следующее:
- Открываем, или создаем новый html файл. Для этого используем какой-либо текстовый, или html -редактор. Для примера мы воспользуемся Adobe Dreamweaver.
- Добавлять фоновую картинку мы будем через CSS стили (тег style). Прописываем код страницы, как показано в нашем видео-уроке. Для удобства, код страницы мы разместим внизу статьи.
- Задаем стиль «телу» нашего сайта (body). Указываем параметры фонового рисунка (background).
- Вначале задаем адрес нашей картинку, которую мы будем использовать в качестве фонового изображения.
- Затем указываем, будет ли картинка без повторения (no-repeat), будет ли фон «залит» картинкой полностью (repeat), будет повторяться по горизонтали (repeat-x), или по вертикали (repeat- y)
- Также, далее мы можем указать отступ нашей фоновой картинки от краев
Код используемый в видео-уроке:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Название страницы</title>
<style type="text/css">
BODY {
background: url("адрес/картинки.jpg") repeat 10px 10px;
}
</style>
</head>
<body>
</body>
</html>
Подробнее о тегах и их атрибутах мы расскажем в наших новых видео-уроках.
Готово! теперь вы знаете как сделать картинку фоном в html через css.
#html #тег #обучение #урок #картинка #изображение #вставить #код #background #фон
