|
Как известно, любой блочный элемент, будь он составляющим структуры сайта, частью какого-то контента или даже текстом, например, таким "справочник 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>
В результате таких манипуляций можно увидеть, что цвет блока изменится. | 