Вам понадобится
- Редактирование css-файла.
Инструкция
1
По большей части, код дизайна сайта располагается в файле style.css. Но каждый шаблон может отличаться от предыдущего, поэтому код дизайна может располагаться в другом файле, но тоже с расширением css. Для того чтобы задать цвет фона вашего сайта, необходимо ввести или заменить уже существующее значение на следующее выражение:/* белый фон */body {
background-color: #FFFFFF;}/* белый фон названия, черный цвет шрифта */h1 {
color: #000000;
background-color: #FFFFFF;
}
background-color: #FFFFFF;}/* белый фон названия, черный цвет шрифта */h1 {
color: #000000;
background-color: #FFFFFF;
}
2
Для того чтобы вставить какую-либо картинку в виде фона на ваш сайт, необходимо ввести или заменить уже существующее значение на следующее выражение: body {
background-color: #000000;
background-image: url ("Image-1.jpg");
}
Стоит отметить, что в этом случае необходимо указывать ссылку на файл изображения, который будет находиться в одной папке с файлом css.
background-color: #000000;
background-image: url ("Image-1.jpg");
}
Стоит отметить, что в этом случае необходимо указывать ссылку на файл изображения, который будет находиться в одной папке с файлом css.
3
Если вы захотели замостить маленькую картинку или картинку небольшого размера, то используйте команду 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%.
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%.