Как да си направим фоново изображение

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

Как да си направим фоново изображение в HTML

В CSS фонът на сайта определя универсален имот като фон. Тя ви позволява да настроите до пет едновременни характеристики на средата:

фон изображение - задава фоновото изображение се използва като стойността на пътя до файла (URL (пътя на файла));

фон-позиция - определя стартовата позиция на изображението (ляво, център, дясно, горе, долу);

фон-привързаност - определя дали изображението за превъртане заедно с документа или да фиксирано положение (фиксиран, превъртане, местен);

фон-повторение - уточнява по какъв начин ще се повтаря картинката (повтарям-х, повторете-у, пространство, кръгли, без повтаряне);

фон цвят - цвета на фона (цвят, прозрачност, наследяват).

Сега, когато имате набор от инструменти, и вие знаете възможностите на всеки, можете да се захващаме за работа.

Пример. Да кажем, че ние трябва да се създаде единна фона на шарени статията.

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

3. В допълнение, ние се отбележи, че на снимката prokuchivalas с документа (превъртане):

Сега, нашите действия са - ние сключи нашия текст (или част от текста, ако искате само част от текста е на фоновото изображение) в контейнер (DIV). елемент

Тя служи за изолиране на фрагмент на документи, за да се промени съдържанието на формата.

и предписва стил (стил) за него:

тук е текстът на статията

съкращение Записът код изглежда така:

тук е текстът на статията

В съкращение бройна система, ние се посочи фон имота разделени с интервал. Можете да използвате един от тези два записа.