Въпреки HyperText Markup Language (HTML) осигурява маркер, който създава хоризонтален делител, там не е равностоен елемент, който създава една вертикална линия.А нужда от вертикална форма, често възниква, така че това създава дилема.За щастие, имате възможност да използвате заобиколно решение, което включва една HTML маса и се прилага Cascading Style Sheets (CSS) код на границите.Разберете как да се създаде HTML кода и да се прилага правилото на CSS, които успешно прави вертикална, плътна линия.

Инструкции

  1. Стартирайте редактор Notepad софтуер текст, който идва с вашия Windows компютър и отворете документ уебсайт.

  2. Позиция курсора в желаната област, където искате да се появи на твърдата линия.Въведете HTML кода, който създава проста таблица:

    & LT; маса & GT;

    & LT; TR & GT;

    & LT; TD & GT; & LT; / TD & GT;

    & LT; / TR & GT;

    & LT; / маса & GT;

  3. Въведете следния код преди затварянето "& LT; / главата & GT;"елемент, който да създадете своя правило CSS стил за в

    ашата трапеза:

    & LT; тип стил = "текст / CSS" & GT;

    & LT; -!

    маса {}

    - & GT;

    & LT; / стил & GT;

  4. Enter "гранично-ляво:;"или "гранично-надясно:;"между фигурните скоби, за да се определи дали вашата линия се появява вляво или вдясно, и въведете "твърда", след като на дебелото черво, за да уточни това е как трябва да се появи вашата линия.Въведете номер в пиксели (пиксела), за да се определи колко широка вертикалната линия е и въведете цвят, като черно, за да уточни сянката на линията.За да се убедите:

    маса {гранично-ляво: 1px плътно черно;}

  5. Type "височина:;"и въведете число стойност в пиксели (пиксела) или процент (%), за да определи колко дълго линията е.Например:

    маса {гранично-ляво: 1px плътно черно;височина: 300px;}

  6. Запазете файла.Отвори в нов прозорец на браузъра, като кликнете върху "Open" или "Open File" опцията в менюто "File" на браузъра.Ако сте доволни от вертикалната линия, качите файла на вашия уеб хост да го публикува.В противен случай, да направи корекции на стойностите в норма стила си, преди да запазите и да го качите на вашия хост.

ресурси

  • Tizag: CSS начинаещи - Border
  • World Wide Web Consortium (W3C): Box Модел
  • World Wide WebConsortium (W3C): Като се започне с HTML + CSS