Иако ХиперТект Маркуп Лангуаге( ХТМЛ) нуди ознаку која ствара хоризонтални делилац, нема еквивалентног елемента који ствара вертикалну линију.Често се појављује потреба за вертикалним обликом, тако да ово ствара дилему.На срећу, имате могућност да користите решење које укључује ХТМЛ таблицу и примењује код за каскадне стилове( ЦСС) код границе.Разумите како да креирате ХТМЛ код и примените ЦСС правило које успешно чини вертикалну, солидну линију.

Упутства

  1. Покрените софтвер за уређивање текста Нотепад који долази са вашим Виндовс рачунарима и отворите документ веб странице.

  2. Поставите курсор у жељено подручје у коме желите да се појављује чврста линија.Унесите ХТМЛ код који прави једноставну таблицу:

    & лт; табле & гт;

    & лт; тр & гт;

    ​​& лт; тд & гт; & лт; / тд & гт;

    & лт; / тр & гт;

    & лт; / табле & гт;

  3. Укуцајте следећи код пре затварања "& лт; / хеад & гт;"елемент за креирање правила ЦСС стила за вашу т

    аблицу:

    & стиле; стиле = "тект / цсс" & гт;

    & лт;! -

    таблица{ }

    - & гт;

    & лт; / стиле & гт;

  4. Унесите "граница-лијево:;"или "бордер-ригхт:;"између увртаних заграда да бисте утврдили да ли се ваша линија појављује са леве или десне стране, а затим унесите "солидно" након што се дебело чворово наведе овако како треба да се појави ваша линија.Укуцајте број у пикселима( пк) да бисте утврдили колико је вертикална линија широка и унесите боју, на пример црну, да бисте одредили нијансу линије.Да илустрирамо:

    таблица{ бордер-лефт: 1пк солид блацк;}

  5. Тип "висина:;"и упишите вредност броја у пикселима( пк) или процентуалном( %) да бисте утврдили колико дуго је линија.На пример:

    таблица{ бордер-лефт: 1пк солид блацк;висина: 300пк;}

  6. Сачувајте вашу датотеку.Отворите га у прозору прегледача кликом на опцију "Отвори" или "Отвори датотеку" испод менија "Датотека" прегледача.Ако сте задовољни вертикалном линијом, отпремите датотеку на свој веб-сервер како бисте је објавили.У супротном, направите прилагођавање вредности у вашем правилу стила пре него што га сачувате и отпремите свом хосту.

Ресурси

  • Тизаг: ЦСС Туториал - граница
  • Ворлд Виде Веб Цонсортиум( В3Ц): Модел Бок
  • Ворлд Виде Веб Цонсортиум( В3Ц): почев од ХТМЛ + ЦСС