Як поставити фон на своїй сторінці


 

Поставить фоновий малюнок на сайт — п’ятихвилинне справа. Куди більше часу йде на підготовку зображення — добірку, коригування, додавання ефектів, компоновку декількох ілюстрацій в один графічний файл.



Інструкція

  1. За керування фоном відповідає атрибут background. Щоб рівномірно залити сторінку одним кольором, використовуйте тег стилю в body: . Вийде чорний фон. Якщо застосовуєте CSS, в head поставте:
        
  2. За допомогою зв'язки задається повторюване зображення. Адреса вказується у вигляді зовнішньої або внутрішньої посилання. При використанні такого методу важливо, щоб стики між картинками залишалися непомітними, інакше сторінка буде виглядати неохайно. У CSS використовуйте:

    .

  3. Повторенням малюнка можна управляти. За цю функцію відповідає background-repeat разом з наступними елементами:
    - Repeat-x - повторення по горизонталі;
    - Repeat-y - повторення по вертикалі:
    - Repeat - повторення в обох напрямках;
    - No-repeat - без повторення.
    Здається так:

        


  4. Розташувати зображення в потрібної частини web-сторінки допомагає background-position. Координати можна задати за допомогою процентного співвідношення (50% 75%), сантиметрів (5cm 5cm), піксельної пропорції (200px 400px), словесної форми (left, right, top, center, bottom). Наприклад:

    Значення 0% 0% одно top left.
        
  5. Властивість background-attachment вказує на спосіб прокрутки зображень: разом зі сторінки (background-attachment: scroll) чи ні (background-attachment: fixed).