Что такое background?

background- это фон вашего html документа который вы прописываете через css.
Существует несколько видов background:
# background-color цвет фона
# background-image вставка фонового изображения
# background-repeat повторение элеменотов
# background-attachment фиксирование фонового изображения
# background-position позиция фонового изображения
# background сжатая запись

Background-color

Начнем с background-color цвета фона
Цвет фона задается любым шестизначмы кодом #000000 (это черный цвет). И любой браузер по умолчанию будет воспроизводить этот код.

Background-image

Дальше у нас фоновое изображение или background-image.
Теперь вместо простого цвета фона из цветовой палитры мы будем вставлять изображение.
Выглядит это все примерно так:

Где izobragenie.gif должно быть обязательно сохранено в папке стилей вашего документа в противном случае изображение не будет отображаться.
Так же можно просто прописать путь к вашему изображению

Или же просто загрузить в интернете на любой хостинг для фотографий (например радикал) и вписать ссылку на радикал

Background-repeat

Background-repeat- повторение элементов фона.
Существует 4 вида повторения фона:
# repeat
# repeat-x
# repeat-y
# no-repeat
repeat- функция повторения\ заполения фона. Примерно такая же функция как и у background-image. Повторение по вертикали и горизонтали

repeat-х -повторение элементов фона по горизонтали.

repeat-у- повторение элементов фона по вертикали.

no-repeat- рисунок не повторяется.

Background-attachment

background-attachment- позволяеет зафиксировать ваше фоновое изображение. Т.е. определяет будет ли оно прокручиваться вместе с содержимым страницы или останется на месте.

Background-position

background-position- здесь вы сами можете создавать позицию своему изображению.
Можно использовать расположение изображения в системе координат.

Так же можно использовать простые слова-обозначиения, что я вам и советую.
# top изображение распологается сверху
# bottom изображение распологается снизу
# center изображение распологается по центру
# left изображение распологается слева
# right изображение распологается справа

Background

Background- так же используя этот атрибут можно сократить запись вместив в нее все то, о чем было сказано выше. Просто записывается атрибут, и разделяя слова пробелом просто на просто сокращаем запись
Hosted by uCoz