Стъпка 1

Отворете документа на уеб страницата си в текстовия редактор. Поставете курсора преди затварящия маркер и въведете следния CSS код:

Стъпка 2

Въведете "#banner {}" между стиловите елементи, за да създадете правило, за да направите банера си. Напишете "височина:;" и "ширина:;" и пишете стойността в пиксели (px) след всяка от тях, за да уточните мерките, които предпочитате. Например:

банер {height: 350px; ширина: 600px; }

Стъпка 3

Въведете "font-size:;" и "font-family :;" за да създадете атрибутите за форматиране на текста на заглавката. Напишете стойност в пиксели след размера на шрифта и въведете две или три имена след семейство шрифтове, за да посочите предпочитания от вас тип писане. Например:

банер {font-size: 32px; шрифт-семейство: "Times New Roman", Грузия, Сериф; }

Стъпка 4

Напишете "border-style :;" и въведете стойност на размера в пиксели, стойност на стил на линията и шестнадесетична цветова стойност, за да създадете границата на банера си. След това напишете "background-color :;" и желаната цветна стойност. Например:

банер {border-style: 4px dotted # f0f0f0; }

Стъпка 5

Напишете "подложка :;" и стойност в пиксели, за да се определи размерът на пространството между съдържанието и границата на банера. Целият код на CSS трябва да изглежда така:

банер {

височина: 350px; ширина: 600px; размер на шрифта: 32px; шрифт-семейство: "Times New Roman", Грузия, Сериф; граничен стил: 4px dotted # f0f0f0; подложка: 15px; }

Стъпка 6

Напишете "" навсякъде в етикета, където искате заглавката да се появи. Напишете текст за банера си, като например заглавието на уебсайта Ви между двата маркера, като следното:

Въведете текста на банера си тук.

Стъпка 7

Запазете документа