Как сделать сайт в программе Dreamweaver ?

Цвет div.

Цвет div, фон, код,css,пример.

Если вы говорите о цвете div, то это означает, что это -  цвет фона div!

Вот этот вопрос и разберём сегодня!

Все коды можно скопировать здеь:  Тема DIV , №1.

Цвет фона div.

Цвет фона div можно сделать несколькими способами!

  • 1.Прописать свойства div в самом div.
    2.Прописать цвет div через css.

Для меня предпочтительней, конечно второй вариант. Но давайте всё по порядку! С варианта №1.

Создадим див и напишем, что-то внутри, чтобы увидеть где он….

<div>Пример div  с цветным фоном.</div>

Далее пропишем свойства и выберем цвет красный:

style="background-color:red"

Вот так должно у вас получится:

<div style="background-color:red" >Пример div  с цветным фоном.</div>

Смотрим, что у нас получилось:

Пример div с цветным фоном.

Цвет фона div через css.

Второй вариант мне больше нравится! И делаю фон только через css!

Если вы не очень понимаете, о чем идет речь, то мы говорили о том, как создать таблицу стилей css, потом, как прикрепить её к странице.

Начнём с того, что создадим div с  классом, назовем его - пример с цветом – «primer-s-tsvetom»:

<div class="primer-s-tsvetom">

И чтобы увидеть добавим в стили ширину и высоту по 100px.
Открываем файл css  и прописываем свойства нашего класса primer-s-tsvetom:

.primer-s-tsvetom{
background-color:#D7EB0E;
width: 500px;
height:500px;
}

Ссылка на файл css.

Смотрим, что у нас получилось!

А теперь самое время развлечься!

Улучши поведенческий фактор на своём сайте!

Если понравится игра, то можно забрать код для своего сайта отсюда!