Меню
Спросить
*.{ }

Background

13 октября 2016
Background

Сегодня на теме BACKGROUND.

BACKGROUND

Собсно, это фон элемента, можно задать его в цвете, можно задать его в картинке, можно вообще не задавать. В общем, все зависит от вашего хотения =)

Параметры

Если мы хотим задать сплошной цвет фона, то мы просто прописываем нужный цвет, это будет единственный параметр.

  1. background: red; /*Фон: Красный сплошной цвет*/

Так же, фон можно задать не только сплошным цветом, но еще и картинкой. Для этого, вместо цвета, мы должны прописать путь к картинке, так же задать должна ли она повторяться по оси X, или по оси Y, или сразу по всему элементу. В этом случае нужно задать два параметра.

  1. background: url(‘image.jpeg’);
  2. /*Фон: Картинка, которая находится в одной папке с текущим файлом*/

    Добавляем второй параметр

  3. background: url(‘image.jpeg’) no-repeat;
  4. /*Фон: Картинка, которая находится в одной папке с текущим файлом, не повторять*/

  5. no-repeat – не повторять картинку
  6. repeat – повторять картинку
  7. repeat-x – повторять картинку по оси X
  8. repeat-y – повторять картинку по оси Y

Заключение

Картинками конечно красиво, но это увеличивает объем сайта, а соответственно, и его время ответа =).

Следующая статьяПредыдущая статья