Мова розмітки HTML дозволяє веб-дизайнеру використовувати як фонового малюнка будь-яке зображення. Однак у самій мові недостатньо вбудованих засобів управління фоновими картинками. Більш тонка настройка здійснюється за допомогою каскадних таблиць стилів CSS.
Інструкція
Щоб зробити фон, розтягується на всю ширину браузера, необхідно скористатися параметром z-index в CSS. Він дозволяє задати порядок створюваним елементам. Чим більше значення даного атрибуту, тим вище блок буде розташовуватися на сторінці.
Створіть нові документи у форматі html і css (права клавіша миші - «Створити» - «Текстовий файл») і відкрийте їх за допомогою будь-якого текстового редактора.
Розташуйте фонову картинку на нижньому шарі. Вона буде розтягуватися в залежності від дозволу екрану. Зверху буде розташований інший елемент, на якому буде відображатися вміст сторінки. Щоб це здійснити, створіть два блоки
. У файлі css напишіть: .1layer {z-index: 1-width: 100% height: 100% position: absolute -}. 2layer {Position: absolute-z-index: 2-} Параметр position: absolute дозволяє задати абсолютне позиціонування, тобто шар буде розміщуватися поза залежністю від інших елементів.
Увімкніть створений CSS-код в HTML-файл за допомогою сполучного тега link:Фон сторінки
Створіть новий шар. За допомогою тега ![]()
помістіть на нього картинку. Наприклад:
Вміст сторінки
Для img задається тільки параметр ширини, оскільки якщо вказати додатково height, в деяких браузерах з'явиться спотворення зображення.Збережіть внесені зміни. Щоб перевірити написаний код, збільште сторінку у вікні браузера. Фоновий малюнок повинен теж збільшуватися.
Куди віддати непотрібний одяг
Як намалювати колодязь
Як вибрати ковзани для дитини
Які професії точно потрібні сьогодні
Як в Opera зробити домашню сторінку
Куди здати плаття
Як кріпити збройовий сейф