Как да настроите фона на сайта (CSS фона собственост) на

Така че, с помощта на фон имота, можете да зададете цвят, позиция, изображението, снимайте и повторяемост като фон за една клетка, така и за целия сайт. Последното, в действителност, е да определите настройките за тялото на маркер. Помислете за всички имоти, свързани с фона (фон). Ако просто искате да учи, а след това най-добрият вариант би бил един урок на овладяване на практически свойства кандидатстване по същия начин, както аз преглед по-долу:







фон-цвят - задава цвета на фона. Може да се прилага към отделни елементи

,

или до целия сайт чрез чрез тага :

фон изображение - се използва за въвеждане на фоново изображение, в този случай в CSS показва линк към снимка:

Забележете как по пътя към по-голям - това означава, че тя трябва да бъде в същата папка като стилове файл CSS. В противен случай, трябва да се уточни правилния път към изображението.

фон-размер - определя размера на фоновото изображение.

Ако определите стойността на корицата, на заден план ще се намали, така че ширината и височината на изображението = ширината и височината на блока. Ако използвате съдържа стойност, мащабирането ще бъде запазване на пропорциите на изображението, за да напълно се вписват в блока.

фон-повторение - използва се в предишния пример, изображението ще бъде "повторен" (повтарящ се) по екрана. Тази функция е предназначена за управление на този процес. Има редица на валидни стойности:







  • фон-повторение: Повтарям-х - изображение се повтаря само хоризонтално
  • фон-повторение: Повтарям-ш - изображението ще се повтори само вертикално
  • фон-повторение: Повтарям - картинката се повтаря, както хоризонтално и вертикално
  • фон-повторение: не-повторение - изображението не се повтаря

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

  • фон-привързаност: превъртете - превъртете със страницата
  • фон-свързване: фиксирана - когато превъртане фон остава неподвижна

фон-позиция - определя местоположението на картината на екрана, по подразбиране тя се показва в горния ляв ъгъл. Тази стойност имот е с координати X (хоризонтални) и Y (вертикално), който nachinayutsya от горния ляв ъгъл. Може да се настрои:

  • в определени единици (пиксела, cm)
  • в проценти
  • устно: - топ (отгоре), дъно (отдолу), център (център), наляво (вляво) и дясната (вдясно).
  • фон-позиция: 20px 50px - изображение отдалечава до 20 пиксела по-горе и в дясно от 50 от левия ръб.
  • фон-позиция: 50% 25% - е центриран хоризонтално и стъпки на 25% от горната част.
  • фон-позиция: долния десен - рисунка намира в долния десен ъгъл.

Всички тези настройки могат да се съхраняват в имот на фон. от порядъка на имотите:

[Предшестващо цвят] | [Предшестващо изображение] | [Предшестващо-повторение] | [Предшестващо-закрепване] | [Предшестващо-позиция]

фон: # 000 URL ( "ми-image.jpg") не-повторение фиксирана долния ляв;

Ако някой имот е преминал, е настройката по подразбиране.

Надявам се, че този урок е полезно за вас, да се абонирате за блога актуализации чрез RSS, а след това, което очаквате много интересни тайни!

Подобно на този пост? Абонирайте се за блога актуализации чрез RSS. E-mail или Twitter.