Как поставить картинку как фон сайта
Автор Лина Смирнова задал вопрос в разделе Интернет
Как поставить фон на сайт? и получил лучший ответ
Ответ от Андрей Сидельников[гуру]
Возможно для вас управление фоном не состовляет сложно задачи, но начинающему трудно сразу вникнуть. Для этого и придуман этот урок, позоляющийпросмотреть примеры и самим их сделать.
C помощью свойства background можно установить цвет, положение, изображение, привязку и повторяемость фона как для отдельного элемента, так и для всего сайта. Последнее, является заданием настроек для тэга body. Рассмотрим все свойства, связанные с фоном (background). Если вы только учитесь, то самым лучшим вариантом усвоения урока будет практическое применение свойства, какое вы сможете увидеть ниже.
background-color — задает цвет фона. Можно применять к отдельным элементам (например div) или ко всему сайту через через тэг <body>:
/* черный фон сайта */
body { background-color: #000; }
/* черный фон заголовка, белый цвет шрифта */
h1 { color: #fff; background-color: #000; }
background-image — используется для вставки фонового изображения, при этом в css указываем ссылку на картинку:
body { background-color: #000;
background-image: url («my-image.jpg»); }
Обратите внимание как указан путь к изображению — это означает, что оно должно находится в той же самой папке, что и css файл стилей. В противном случае следует указывать правильный путь к изображению.
background-repeat — используемое в предыдущем примере изображение будет повторяется по всему экрану. Данное свойство (repeat) призвано управлять этим процессом. Имеется несколько допустимых значений:
background-repeat: repeat-x — изображение повторяется только по горизонтали
background-repeat: repeat-y — изображение повторяется только по вертикали
background-repeat: repeat — изображение повторяется по горизонтали и вертикали
background-repeat: no-repeat — изображение не повторяется
background-attachment — данное свойство определяет будет ли фоновое изображение фиксироваться при прокрутке страницы:
background-attachment: scroll — прокручивается вместе со страницей
background-attachment: fixed — при прокрутке фон остается неподвижным
background-position — задает расположения рисунка относительно экрана, по умолчанию оно выводится в левом верхнем углу. Значение этого свойства представляет собой набор координат Х (по горизонтали) и Y (по вертикали) , которые начинаються с левого верхнего угла. Может задаваться:
в фиксированных единицах (пикселы, сантиметры)
в процентах
словесно: — top (сверху) , bottom (снизу) , center (по центру) , left (слева) и right (справа).
Рассмотрим примеры:
background-position: 20px 50px — изображение отступает вниз на 20 пикселей сверху и вправо на 50 от левого края.
background-position: 50% 25% — расположено по центру по горизонтали и отступает на 25% сверху.
background-position: right bottom — рисунок располагается снизу справа.
Все эти настройки могут быть записаны в одном свойстве background, порядок следования свойств:
[background-color] [background-image] [background-repeat] [background-attachment] [background-position]
Пример:
background: #fff url(«my-image.jpg») no-repeat fixed left bottom;
Если какое-то свойство пропускается, то его значение установлено по умолчанию.
Как раскрутить свой сайт?
Надо раскручивать свой сайт также, как обычно раскручивают свои сайты профессиональные
подробнее...
Хочу поставить шапку и фон на свой сайт html!
а что мешает шапку сделать дивом и сделать ей один фон, а body - другой?
а картинки
подробнее...
Как и где сразу добавить фон и шапку в виде картинок на своем сайте html.
можно шапку в DIV запихнуть и если надо то поставить ему параметры: position:absolute;
подробнее...
Как поставить время на главном экране смартфона Samsung?
1. Если ваш смартфон имеет операционную систему Bada, найдите значок настройки на одном из экранов.
подробнее...
есть игры онлайн..есть будильник онлайн..а есть светильник онлайн???
Конечно, есть! Сейчас разработаем.
Устройство ЖК монитора такое: сзади находятся одна или
подробнее...
Как поставить анимацию на заставку (на рабочий стол)?
Утилита Vital Desktop, является ничем иным, как средством анимации вашего Рабочего стола. Там, где
подробнее...
Как пофоткаться дома? В какой позе, одежде, на каком фоне?
можно 1) прикрепить к стене скотчем ткань нейтрального бежевого цвета и делать на этом фоне
подробнее...
как на сайте сделать изображение на весь экран? Реально на весь экран (любого монитора)?
1) Сброс стилей по умолчанию спасет. В CSS:
* { padding:0; margin:0; }
В данном случае,
подробнее...
Как установить в рамку картинку или рисунок как фон на котором будут ссылки или текст
кликни правой клавишей мыши, выбери "сделать фоновым рисунком" -
подробнее...
Какие интернет БУКМЕКЕРЫ вилкуются между собой? И какие ВЫ знаете вилки ?
Вам стоит самому поглубже изчить данный вопрос.
Как понять "какие букмекеры вилкуются"?
Что такое верстка? Что значит сверстать сайт, например?
Попробую объяснить просто.
Вёрстка - это HTML разметка страницы.
Что это означает? - У
подробнее...