Веб-графика наше всё


Как поставить фон

Дата:  15.3.10 | Раздел: Начинающему веб-мастеру

Общий или основной фон ставится или в html, или в css.

В html коде находим тэги <body></body> и устанавливаем фон в первый <body> (открывающий).
Получиться должно так <body background="images/fon.png">. Это фон графический и здесь важно правильно указать путь к файлу.

Если просто задать цвет фона, то будет так <body bgcolor="#333333">. Можно сделать и то и другое вместе
<body bgcolor="#333333" background="images/fon.png"> для страховки. Если вдруг не подгрузилось изображение фона, то на сайте будет отображаться цвет
(bgcolor="#333333")

С помощью css задать фон можно по разному. Или непосредственно в <body></body> или в отдельном файле css.
Здесь код пишется немного по другому.

Графический файл
<body style="background-image: url(images/35.png)">
А это задаётся цвет
<body style="background-color:#CCCCCC">

Если отдельный файл с css, то в коде html надо сначала прописать путь к файлу со стилями. Прописывается он между тэгами <head> и </head>, где style.css это название файла с расширением .css

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Заголовок сайта</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>

Теперь открываем файл style.css и пишем стили. Выглядеть должно где то так

body {
    background-color: #CCCCCC;
    background-image: url(images/klipart.gif);
}

Если будет в таком виде, то больше в html прописывать ничего не надо





Cтатья опубликована на сайте "Территория Веб графики и фонов":
http://webgraphica.ru

Адрес статьи:
http://webgraphica.ru/modules/myarticles/article_storyid_54.html