Щоб створити веб-сайт з одним зображенням у якості фону, рекомендуємо використовувати приклад CSS нижче у вашому HTML-коді.

Щоб реалізувати вказаний вище код на веб-сторінці, скопіюйте наведені вище рядки та вставте між розділами веб-сторінки. Якщо ви використовуєте редактор веб-сторінок WYSIWYG, вам потрібно буде натиснути посилання або опцію, яка дозволяє вставляти код HTML перед введенням вищевказаного коду. Нарешті, цей приклад використовує зображення з комп’ютерної надії. Якщо ви бажаєте скористатися нетиповим зображенням, замініть вказаний вище жирний URL на розташування зображення.

Порада. Якщо ви використовуєте зовнішню таблицю стилів CSS, ви також можете скопіювати частину тіла наведеного вище прикладу у ваш CSS-файл.

Вставте вище код тут

Приклад

Порада. Багато користувачів, можливо, захочуть створити одне велике зображення як фон. Якщо ви плануєте робити це, будьте уважні до людей з більш повільним підключенням до Інтернету. Великі зображення потребують часу для завантаження і можуть не виглядати належним чином з людьми, які використовують менший розмір монітора або роздільну здатність.

Примітка. Якщо ви хочете встановити фонове зображення для повторення, встановіть властивість background-repeat до одного з наступних:

• repeat - повторює фонове зображення як по горизонталі, так і по вертикалі.
• repeat-x - повторює фонове зображення тільки горизонтально.
• repeat-y - повторює тільки фонове зображення.