Главная > HTML > Основы HTML > Фон на веб-странице  
МЕНЮ
H T M L
C S S
С к р и п т ы
JAVA скрипты
Раскрутка Сайта
Готовые шаблоны сайтов
П р о г р а м м ы

Поситите наш проект про мобильные телефоны http://samsu.narod.ru

Фон на веб-странице


Цвет фона

Цвет фона веб-страницы задается с использованием параметра bgcolor тега BODY.

Пример 1. Изменение цвета фона


<html>
<head>

<body bgcolor="#c0c0c0">

</body>
</html>


Цвет можно указывать в шестнадцатеричном значении или по его имени.

Несмотря на то, что для фона можно указывать любой цвет, на большинстве сайтов используются преимущественно белый фон и черные буквы, как наиболее устоявшийся вариант.


Фоновый рисунок

В качестве фона можно использовать любое подходящее для этого изображение. Фон не должен отвлекать внимание от текста, при этом должен хорошо сочетаться с цветовой гаммой веб-страницы и быть маленьким по размеру, чтобы быстро загружаться. Если после перечисленного вы все еще хотите добавить фоновый рисунок на страницу, следует воспользоваться параметром background тега BODY.

Пример 2. Добавление фонового рисунка


<html>
<head>

<body background="image/samplebg.gif">

</body>
</html>


Если изображение меньше размера экрана монитора, оно будет размножено по горизонтали и вертикали.

Поскольку фоновый рисунок загружается медленнее, чем цвет фона, может получиться, что текст не будет читаться некоторое время, пока не произойдет загрузка рисунков. То же самое может случиться и при отключенных в браузере рисунках. Поэтому рекомендуется всегда задавать цвет фона наряду с фоновым рисунком (пример 3).

Пример 3. Использование фонового рисунка и цвета фона


<html>
<head>

<body bgcolor="#c0c0c0" background="image/samplebg.gif">

</body>
</html>




Фиксированный фон

По умолчанию, при использовании полосы прокрутки, фоновый рисунок перемещается вместе с содержимым веб-страницы. Internet Explorer позволяет сделать фон неподвижным с помощью параметра bgproperties="fixed" тега BODY.

Пример 4. Задание фиксированного фона


<html>
<head>

<body bgcolor="#c0c0c0" background="image/samplebg.gif" bgproperties="fixed" >

</body>
</html>


При указании параметра bgproperties="fixed", как показано в примере 4, фоновый рисунок на веб-странице будет оставаться неподвижным, а текст, рисунки и другие элементы станут перемещаться вместе с полосой прокрутки.

Данная возможность не работает в Internet Explorer 3, Netscape Communicator 4.x и Opera 3.x.


DimoN © | ms_kran@mail.ru | Карта сайта | C с ы л к и | Сделать стартовой | Ф о р у м | Всё про мобильники |
Hosted by uCoz