vbar {

Използвайте CSS, за да създавате вертикални линии и да разделяте съдържателните зони на уебсайт.

Използване на секция DIV

Стъпка 1

Отворете уеб страницата, в която искате да добавите вертикалната лента.

Стъпка 2

Добавете секция Div, наречена "VBar", на подходящото местоположение, като използвате следния маркер:

Стъпка 3

Запазете файла

Стъпка 4

Отворете CSS файла. Добавете секция към CSS файла с атрибутите на вертикалната лента, както следва:

vbar {

ширина:? px; височина: px; цвят на фона: # ??????; }

Заменете въпросите с подходящи стойности. Например височината и ширината трябва да бъдат изброени в пиксели с формат като 10px. Цветът на фона трябва да се показва в шестцифрен шестнадесетичен формат на уеб величината, като черно ще има стойност # 000000 или бял # FFFFFF. Посетете връзката CSS Colors в секцията "Ресурси", за да видите още шестнадесетични цветове.

Стъпка 5

Запазете файла

Използване на раздел с атрибут на края

Стъпка 1

Отворете CSS файла.

Стъпка 2

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

контейнер {

граница-дясно: X; }

Прегледайте секцията "Съвети", за да получите различни опции за атрибута на края.

Стъпка 3

Запазете файла

препратки

  • W3Schools.com: въведение в CSS
  • W3Schools.com: Гранична CSS