Приветствую Вас, Гость! Регистрация RSS
Воскресенье, 19.05.2024

Главная » Файлы » Статьи » HTML

Как задавать цвет фона для каких-либо блоков?
14.05.2012, 23:49
Как известно, любой блочный элемент, будь он составляющим структуры сайта, частью какого-то контента или даже текстом, например, таким "справочник 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 | Добавил: protrash
Просмотров: 887 | Загрузок: 0 | Рейтинг: 0.0/0

  


eDarling RU
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]