Как задать фон?

Для того чтобы приукрасить свой сайт в сети интернет, можно внести изменения в его дизайн. Изменение дизайна подразумевает под собой любое действие, начиная от смены фона главной страницы до полной перерисовки шаблона сайта. Если вы решили сменить фон вашего сайта, то следующая инструкция поможет в решении этого вопроса.

Вам понадобится

• Редактирование css-файла.

Инструкция

По большей части, код дизайна сайта располагается в файле style.css. Но каждый шаблон может отличаться от предыдущего, поэтому код дизайна может располагаться в другом файле, но тоже с расширением css. Для того чтобы задать цвет фона вашего сайта, необходимо ввести или заменить уже существующее значение на следующее выражение:/* белый фон */body {

background-color: #FFFFFF;}/* белый фон названия, черный цвет шрифта */h1 {

color: #000000;

background-color: #FFFFFF;

}

Для того чтобы вставить какую-либо картинку в виде фона на ваш сайт, необходимо ввести или заменить уже существующее значение на следующее выражение: body {

background-color: #000000;

background-image: url ("Image-1.jpg");

}

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

Если вы захотели замостить маленькую картинку или картинку небольшого размера, то используйте команду background-repeat. Для того чтобы правильно использовать эту команду, имеется несколько уточнений этой команды:

background-repeat: repeat-x – повтор картинки по оси x;

background-repeat: repeat-y – повтор картинки по оси y;

background-repeat: repeat – повтор картинки по двум осям сразу;

background-repeat: no-repeat – повтор картинки не осуществляется;

background-attachment: scroll – прокрутка картинки совместно со страницей;

background-attachment: fixed – прокрутка картинки не осуществляется.

Используя синтаксис этой команды, можно показать ее работу в примерах:

background-position: 30px 40px – картинка находится ниже на 30 пикселей сверху и вправо на 40 пикселей от левого края.

background-position: 60% 35% – отступ слева составляет 60%, а отступ сверху составляет 25%.

Оцените статью!