Главная » Файлы » Статьи » 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> В результате таких манипуляций можно увидеть, что цвет блока изменится. | |
Просмотров: 887 | Загрузок: 0 | Рейтинг: 0.0/0 |
Всего комментариев: 0 | |