Опции на фоновия панел в панела със свойства на CSS на Dreamweaver

С помощта на панела за фон в панела на CSS Designer на Dreamweaver можете да зададете цвят на фона или изображение за стил — и да контролирате как фонът се показва на страницата. Можете да използвате настройки за стил на фона за всеки елемент от вашата уеб страница, който може да показва фон - включително,

, заглавие и етикети за изображения.

Например, можете да промените маркера, за да включите фонови настройки, които се прилагат за цялата страница, или можете да създадете стил със селектора на клас или идентификатор и да посочите фон, който се показва само зад отделен човек

етикет.

Чрез включване на фона в стила на класа или ID на a

, можете да ограничите фона да се показва на екрана само там, където е

се използва етикет. Имайте предвид, че опцията Фон работи с изображение само ако първо зададете поле около изображението.

Можете да избирате от следните опции за фон:

• Цвят на фона : Задайте цвета на фона на дефиниран стил, като използвате един от няколко метода. Можете да щракнете върху добре цвета и да изберете предварително дефиниран цвят или да създадете персонализиран цвят. Или използвайте капкомер, за да пробвате всеки цвят на екрана. И накрая, можете да въведете шестнадесетичен код на цвета - не забравяйте да включите #, както е в #000000 за черния цвят или #ffffff за белия цвят.

• Фоново изображение: Изберете изображение, което да служи като фон във вашия стил. Въведете произволен URL адрес на изображение на вашия компютър или в интернет или щракнете върху иконата на папка, за да прегледате твърдия си диск и да изберете изображение.

• Позиция на фона : Посочете позицията на фоновото изображение отляво и отгоре на родителския елемент, като въведете число във всяко поле. Тази опция е видима само ако щракнете върху малката стрелка до полето за URL адрес в секцията Фон, за да разкриете допълнителните полета, които следват.

• Размер: Изберете измерването в пиксели, ems или друга опция и след това въведете размера, който искате за фон. Ако оставите полето Размер на автоматично (по подразбиране), изображението се показва с действителен размер.

• Background-clip: Посочете дали фонът започва границата, запълването или съдържанието на елемент на кутия, като например

  етикет.

• Повтаряне на фона: Щракнете върху съответната икона, за да посочите как и дали фоновото изображение да се повтаря или да поставя плочки през и надолу по страницата. Плочка за фонови изображения по подразбиране, така че трябва да изберете опция, ако не искате фонът ви да се повтаря или искате да посочите как да се повтаря.

  Също така имайте предвид, че ако изображението е по-голямо от елемента, към който е приложено, ще се вижда само толкова част от изображението, колкото ще се побере в областта на показване на елемента. Например, ако използвате изображение с ширина 600 пиксела като фон на a

  етикет, който е настроен на 300 пиксела широк, ще се вижда само половината от изображението.

  Опциите за повторение, изброени по реда на появата на техните икони, следват:

  • Наследяване: Освен ако не е избрана друга опция, всеки елемент наследява поведението на своя родителски елемент. Тази опция по подразбиране не е необходимо да се посочва.

  • Повторение: Фоновото изображение се повтаря вертикално и хоризонтално на фона на елемента.

  • Repeat-X: Фонът се повтаря хоризонтално, но не и вертикално, на фона на елемента.

  • Repeat-Y: Фонът се повтаря вертикално, но не хоризонтално, на фона на елемента.

  • Без повторение: Фонът се показва веднъж в горния ляв ъгъл на елемента.

  • Произход: Посочете дали произходът на фона започва от границата, допълването или съдържанието на елемент на кутия, като например

    етикет.

• Прикачен файл: Определете как се държи фонът при превъртане на страницата. Опциите са

  • Наследяване: Освен ако не е избрана друга опция, всеки елемент наследява поведението на своя родителски елемент. Това е опция по подразбиране и не е необходимо да се посочва.

  • Фиксирано: Фонът остава залепен на едно място в зоната за гледане и не се превърта извън полезрението, дори когато уеб страницата се превърта.

  • Превъртане: Фонът се превърта заедно с уеб страницата.

• Градиент: Щракнете върху цветната ямка до Градиент, за да отворите новия селектор за визуален градиент на Dreamweaver.