Задание цвета

 

Различают следующие способы задания цвета в CSS:

  • Название цвета на английском языке (red, yellow, blue, purple, teal и др.)
  • Запись в формате: rgb(red, green, blue). Доли красного, зелёного и синего цветов задаются в виде числа от 0 до 255 или же в процентах от 0% до 100%.
  • Шестнадцатиричная запись: #RRGGBB, где RR, GG, BB - шестнадцатиричные числа.

Вот и пример, отображающий все виды задания. Свойство color применимо ко всем элементам: тексту, границам и т.д.

Фоновое изображение

 

Создание фонового изображения осуществимо при помощи background-image.
Имеется два варианта значений, которые может принимать это свойство:

  • Путь-ссылка к файлу, который используется в качестве фонового изображения.
  • Значение none, которое отменяет фоновое изображение для элемента.

Свойства фонового изображения

 

Background-attachment устанавливает, будет ли прокручиваться фоновое изображение вместе с содержимым элемента. Изображение может быть зафиксировано и оставаться неподвижным - fixed, либо перемещаться совместно с документом - scroll.
Background-repeat определяет, как будет повторяться фоновое изображение, установленное с помощью свойства background-image. Возможно установить повторение рисунка только по горизонтали - repeat-x, по вертикали - repeat-y или в обе стороны - repeat. No-repeat устанавливает одно фоновое изображение без его повторений.
Background-position задает начальное положение фонового изображения. У этого свойства указываются 2 значения через пробел: 1-ое может быть - left | right | center | проценты | значение, 2-ое - top | bottom | center | проценты | значение.

<< Предыдущая