CSS: свойство background-color

Технические моменты создания сайтов и других Web-приложений.

CSS: свойство background-color

Сообщение Александр » 02 сен 2013, 16:03

Данное свойство применяется, когда необходимо установить цвет фона для какого либо элемента. Применяется цвет ко всему фону выбранного элемента, включая и его внутренние отступы (paddings).
Так мог бы выглядеть пример кода с использованием свойства background-color для нескольких элементов.
Код: выделить все
<html>
 <head>
  <meta charset="utf-8">
  <title>Свойство background-color</title>
  <style>
   body{
    background-color: #3366ff; /* Цвет фона веб-страницы */
   }
   h1 {
    background-color: RGB(249, 201, 32); /* Цвет фона под заголовком */
   }
   p {
    background-color: green; /* Цвет фона под текстом параграфа */
    color: white; /* Цвет текста */
   }
  </style>
 </head>
 <body>
  <h1>Привет CSS</h1>
  <p>Давайте изучать секреты и хитрости CSS</p>
 </body>
</html>

Вот что получилось бы:
bgcolor.jpg
Применение свойства background-color для нескольких элементов
bgcolor.jpg (31.25 KiB) Просмотров: 1849
Аватар пользователя
Александр
Продвинутый Юзер
 
Сообщений: 218
Зарегистрирован: 12 мар 2012, 16:32

Вернуться в Программирование для Web

Кто сейчас на форуме

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 1

cron