Фоновое изображение в html

Фоновое изображение в html можно использовать в виде изображения в тэгах (BODY, TABLE, TR, TH или TD). Если указанное изображение имеет область экрана меньше, чем область для которой создается фон, то оно повторяется и по горизонтали и по вертикали и заполняет полностью всю указанную область: экрана, таблицы или ячейку в таблице.
К примеру, если файл "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.

Дата добавления: 2010-04-05

Вы можете --> заказать сайт - полноценный или в качестве обучения для студентов.