Фонове зображення в html можна використовувати у вигляді зображення в тегах (BODY, TABLE, TR, TH або TD). Якщо зазначене зображення має область екрану менше, ніж область для якої створюється фон, то воно повторюється і по горизонталі і по вертикалі і повністю заповнює всю зазначену область: екрану, таблиці або комірки в таблиці.
пК наприклад, якщо файл "bg25.gif" містить зображення , то в результаті виконання тега
<BODY BACKGROUND="bg25.gif">
Повністю весь екран заповниться сіткою, що складається з таких синіх квадратів на білому тлі.
Крім BACKGROUND при завданні зображення у вигляді фону також використовують параметр BGPROPERTIES зі значенням FIXED. У цьому випадку якщо людина прокручує сторінки фонове зображення залишиться нерухомим, цей ефект ще називається "ефект водяних знаків".
Для завдання фону використовують наступні властивості:
- background-color - вказує колір фону, має значення:
- ім'я кольору;
- #RrGgBb;
- #RGB;
- transparent (фон прозорий).
- background-image - задає фон у вигляді зображення, має значення:
- none - фон у вигляді зображення не вказано ;
- url(ім'я графічного файлу).
- background-repeat - вказує на повторюваність зображення:
- repeat - зображення повторюється по горизонталі і по вертикалі (приймається за замовчуванням);
- repeat-x - зображення повторюється по горизонталі;
- repeat-y - зображення повторюється по вертикалі;
- norepeat - зображення не повторюється.
- background-attachment - вказує властивості ковзання фону:
- scroll - фон ковзає разом з вмістом Web сторінки при її прокрутки;
- fixed - фон залишається нерухомим при прокручуванні web-сторінки (цей параметр застосовується тільки для тегу <BODY>).
- position - задає позицію фонового зображення щодо верхнього лівого краю області. Для цього властивості зазвичай ставлять два значення, розділені пробілами:
- [top|center|bottom][left|center|right];
- [pt mm cm][[pt mm cm];
- [px %][px %].
Якщо замість двох значень задається одне, то вважається, що вказана позиція по горизонталі, а позиція по вертикалі приймається рівною 50%
background можна вказати скорочений спосіб завдання значень: background: url(bg.gif) fixed.