Как задавать цвет фона для каких-либо блоков?

Главная » Уроки » HTML

Как известно, любой блочный элемент, будь он составляющим структуры сайта, частью какого-то контента или даже текстом, например, таким "справочник 1с", состоит из набора определенных свойств: width (ширина), height (высота), padding (пустое пространство, окружающее контент блока), margin (отступы от внеблочного контента), border (границы). Для каждого блока, как и для его границ, можно назначать свой цвет.

Как задавать цвет фона для каких-либо блоков?

Делается это таким способом: между тегами <head> </head> HTML-документa прописываются необходимые CSS-свойства блока, например:

<style type="text/css">
.block {
width: 400px; /* Ширина */
padding: 15px; /* Поля вокруг текста */
background: #FFE446; /* Цвет фона */
border: 5px solid black;/* Параметры границы */
}
</style>

В коде block – идентификатор блока.

Затем в необходимом месте документа между открывающим и закрывающим тегами <body>, конечно, прописывается соответствующий class, в данном случае block, внутри этих свойств указывается текст или контент. Выглядит это так:

<body>
<div class="block">Текст в блоке.</div>
</body>

В результате таких манипуляций можно увидеть, что цвет блока изменится.

Категория: HTML; Урок сделан: 16.12.2011; Просмотров : 2102; Рейтинг : 5.0/2;
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]





Copyright © 2010 - 2017 Pro100uCoz.ru