Скачать или смотреть "HTML код" – для курса "IT и программирование"

Ширину и высоту элементов мы определяем стилями width и height. Цвет фона блока мы можем указать стилем background-color, где указываем или название цвета, или 16-ричное представление цвета.
Цвет же текста мы можем определить свойством color.
Так же, как и для любого другого свойства, цвет можно указать в 16-тиричной системе счисления.
Другая возможность задать фон элементу - это указать в качестве фона некую картинку. Это отличная возможность сделать фон ко всей странице на сайте, чтобы получилась некая “подложка”. Картинка в виде фона указывается путем определения свойства “background-image”, а в качестве значения свойства указывается путь до картинки: относительный, если картинка лежит на вашем сайте, или абсолютный с http:// и указанием адреса сайта, если необходимо картинку подгрузить с другого сайта, или путь до картинки на своем сайте тяжело вычислить или корректно сформировать :
background-image: url(путь к файлу)
Если использовать в качестве фона картинки, то можно также использовать один интересный эффект. Можно сделать так, чтобы при прокрутке страницы фон (подложка) страницы, оставалась на месте. Достигается это при помощи указания свойству “background-attachment” значения “fixed”:
background-attachment: fixed

Если картинка на фоне должна прокручиваться вместе с содержимым страницы, то это значение по умолчанию и это значение scroll.
Если вы для относительно большого элемента указали в качестве фона относительно маленькую картинку, то указать как эта картинка должна себя вести: растянуться на весь элемент нарушив свои естественные размеры, или просто должна начать повторяться по вертикали или по горизонтали или и по вертикали и по горизонтали заполняя своими копиями все пространство HTML-элемента.
Дублировать или нет изображение в виде фона определяем свойство “background-repeat”. Его значением по умолчанию является “no-repeat”. Это значит, что изображение, указанное элементу в качестве фона свойством “background-image”, должно быть выведено однократно.
Если указать свойству background-repeat значение “repeat”, то весь объем элемента, к которому применяется свойство, будет заполнен картинками, указанными в свойстве background-image.
Если необходимо, чтобы фон повторялся ТОЛЬКО по горизонтали, то необходимо свойству background-repeat указать значение repeat-x. Если ТОЛЬКО по вертикали - то repeat-y.