Главная
Друзья!
Мы находимся в процессе большой чистки!
Возможны ошибки и кривизна страниц
Просмотреть всё и быстро не возможно!
Если нашли какую-то ошибку, то если вам не трудно напишите здесь адрес...
Сейчас вы здесь :
http://dwweb.ru/page/css/025_background_color_style_css.html

Background color style css

Свойство background-color.

Используется тогда, когда нужно поставить цвет на задний фон.

По умолчания свойство:

background-color – transparent / прозрачный /.
 

Установить данное свойство можно несколькими способами:

1.

Установить свойство background-color – в самой странице, будет действовать только на эту страницу

Берём код простой страницы отсюда.

И прописываем свойство background-color.

Данный код

<style>

body{

background-color:#3366CC; /* Цвет фона веб-страницы */

}

</style>

нужно вставить перед тегом

</head>
Посмотреть пример и скопировать код страницы со свойством background-color – здесь.

Цвета подбираем здесь.

2.

Background-color – через css.

Установить свойство background-color – через css, будет действовать на все страницы, к которым прикреплён данный файл css..

Как и в первом пункте берём простую страницу.
Делаем файл css.
Прикрепляем к странице файл caa.

И в нем прописываем свойство Background-color - #F7D7D7, для того чтобы отличаться немного по цвету заднего фона с примером первого пункта, поставим другой цвет!

Цвета подбираем здесь.

Код CSS:

body{

background-color: #F7D7D7; /* Цвет фона веб-страницы */

}

Код страницы:

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>Пример страницы с background-color через файл css.</title>

<link href="background-color-primer-cherez-css.css" rel="stylesheet" type="text/css"/>

</head>

<body>

</body>

</html>

P.S.

Но если у вас ничего не получается и вы уже устали долбиться в монитор, (и такое бывает...)  то я вам ещё упрощу задачу, скопируем по ниже идущей ссылке, в котором два файла 1.html 2.css.

Всё, что мы делали в пункте № 2.

Распаковываем в папку, нажимаем открыть файл html – и будет вам счастье!

Посмотреть пример и скачать можно по ниже идущей ссылке

Скрипт № 24.3
Название скрипта и номер :Background - простой пример
Пример - Background - простой пример
Скачать - архив
Все скрипты на одной странице