Jak vytvořit na vaší webové stránce vertikální linku

Vertikální čára vám může pomoci rozdělit obsah stylu sloupce nebo přidat návrh na webovou stránku. Kaskádové styly (CSS) jsou metody, které autorizuje W3C (World Wide Web Consortium) pro zahrnutí elementů stylů do dokumentů HTML. Použijte styl hranic CSS pro vkládání svislé čáry na libovolném místě vaší stránky.

1.

Zadejte kód stylu do značky HTML a vložte vertikální řádek:

Tento kód zobrazuje červenou 300-pixelovou vysokou, středně pevné čáru na levém okraji obsahu. Vlastnost "border-right" zobrazí řádku na pravém okraji stránky. Šířku řádku lze označit pomocí slovních nebo číselných hodnot, např. "Medium", "thin", "2px" nebo "12px." Barvu lze definovat pomocí hex, RGB nebo pojmenovaných hodnot.

2.

Chcete-li umístit linku na konkrétní místo na stránce, zadejte následující:

Řádek se nyní nachází 150 pixelů vpravo od levého okraje.

3.

Uložte dokument a otevřete jej pomocí webového prohlížeče a zobrazte svislou čáru na webové stránce.

Tipy

  • Vložte malý snímek vertikální čáry pomocí značky "" pro vytvoření svislé čáry. Změňte hodnoty "výšky" tak, aby linie byla tak hluboká, jak chcete:
 

Zanechte Svůj Komentář