Как да направим Web Page Background Сьс Снимка Center

Понякога самотен , центрирано фон уеб страница може да се създаде драматичен ефект , който повишава настроението на един уеб сайт. Например , един образ на Земята плаващ срещу черен фон може да омайва посетителите на сайта астрономия. Много разработчици използват стилове , за да контролира положението и външния вид на всеки обект на уеб страница . Това включва фонове . Експериментирайте с центрирани фонове , като изберете един от любимите си снимки и оформяне на вашата уеб страница. Инструкции

1

Open Notepad . Добавете следния текст, за да създадете празен HTML документ :

< DOCTYPE HTML PUBLIC " - //W3C //DTD XHTML 1.0 Transitional //EN " " http://www.w3.org/TR /xhtml1/DTD/xhtml1 - transitional.dtd">

< HTML xmlns = " http://www.w3.org/1999/xhtml " и БТ;

< главата >

< заглавие > Center на Web Page Test < /заглавие >

< - Insert раздел стил тук ** - >

< /главата >

< тялото >

< h1 > страницата е центрирано фоново изображение < /h1 >

< вход ID = тип " Button1 " = " бутон "стойност =" бутон " /> < вход ID =" " тип =" tEXT1 текст " />

< /тяло >

< /HTML > <Бразилски >

Този код създава позиция, с един бутон и текстово поле

2

Добавете следния Style Sheet кода по-долу "Insert раздел стил тук: " .

< стил >

тяло { фон: URL (" xyz.jpg ") фиксиран център не се повтаря; }

< /стил >

Това определение стил центрове фоновото изображение на тялото на страницата . Заменете " xyz.jpg " с един от вашите изображения.


3

Натиснете "Ctrl + S" , за да отворите "Save As" Notepad е прозорец. Въведете " Center_Web_Page_Test.html " в полето "File Name" и натиснете бутона " Запазване". Notepad ще спести на HTML файл.

4

Отворете браузъра и натиснете "CTRL + O" , за да отворите "File Open" прозорец. Намерете HTML файл и щракнете двукратно върху него . Браузърът ще го покаже . Проверете браузъра центрове фоновото изображение .