Свойство фона – background html-страницы

Свойство фона является одним из самых важных атрибутов в HTML и CSS. Его использование позволяет изменять фоновую картинку, цвет фона и другие параметры веб-страницы.

Основные свойства фона

Тег <body> является основным элементом HTML-документа, который используется для установки свойств фона. Он может быть использован для задания ширины, высоты, цвета фона, фоновой картинки или других дополнительных свойств.

Цвет фона

Для задания цвета фона используется атрибут bgcolor, который применяется к тегу <body>. Например, чтобы установить цвет фона в зеленый, нужно написать следующий код:

<body bgcolor="green">

Также цвет фона можно задать в CSS, используя свойство background-color:

body {
  background-color: green;
}

Фоновая картинка

Для размещения фоновой картинки на веб-странице используется атрибут background. Он может быть задан путем к файлу изображения или цветом, который будет использоваться в качестве фона. Например, чтобы установить фоновую картинку, нужно написать следующий код:

<body background="image.jpg">

Для установки фоновой картинки в CSS используется свойство background-image:

body {
  background-image: url(image.jpg);
}

Повторение фоновой картинки

По умолчанию фоновая картинка повторяется по горизонтали и вертикали. Однако можно изменить эту настройку, установив соответствующее свойство.

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

body {
  background-image: url(image.jpg);
  background-repeat: repeat-x;
}

Свойство background-position используется для определения позиции, в которой будет размещена фоновая картинка. Например, чтобы установить фоновую картинку в правом верхнем углу, нужно написать следующий код:

body {
  background-image: url(image.jpg);
  background-repeat: no-repeat;
  background-position: top right;
}

Заключение

Свойство фона – это важный элемент любой веб-страницы, который позволяет улучшить ее внешний вид и сделать ее более привлекательной для посетителей. Учитывая разнообразие возможностей, связанных с использованием свойств фона, важно определиться заранее с нужными настройками и правильно их применить.