Як задати фон

Як задати фон

Для того щоб прикрасити свій сайт в мережі інтернет, можна внести зміни в його дизайн. Зміна дизайну на увазі під собою будь-яку дію, починаючи від зміни фону головної сторінки до повної перемальовування шаблону сайту. Якщо ви вирішили змінити фон вашого сайту, то така інструкція допоможе у вирішенні цього питання.

Вам знадобиться

Редагування css-файлу.

Інструкція

  1. Здебільшого, код дизайну сайту розташовується у файлі style.css. Але кожен шаблон може відрізнятися від попереднього, тому код дизайну може розташовуватися в іншому файлі, але теж з розширенням css. Для того щоб задати колір фону вашого сайту, необхідно ввести або замінити вже існуюче значення на наступний вираз:

    / * Білий фон * /

    body {

     background-color: # FFFFFF;

    }

    / * Білий фон назви, чорний колір шрифту * /

    h1 {

     color: # 000000;

     background-color: # FFFFFF;

    }

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

    body {

     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%.