DWWEB.RU
СКРИПТЫ

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 – и будет вам счастье!

Не забудь !
Название скрипта :Background - простой пример
Скрипт № 22.3
Пример
Скачать - архив
Все скрипты на одной странице
Оставить комментарийCOMMENTS+
Сообщений пока нет - Вы можете стать первым
BBcode
нажмите, чтобы загрузить аватар
Загрузить свой аватар(max ширина, высота = 100px) ( как это работает)

Закрыть
+ =
Подписаться
Теги:
background colorstyle background colorcss background colordiv background colorhtml background colorbody background color

НАШИ ПРОЕКТЫ : Проекты находятся в разной степени готовности (просто их столько, что времени не хватает…) Все статьи авторские, при копироавании активная ссылка обязательна DwWeb.ru! © 2015 - 2019