vbar {

Pomocí CSS můžete vytvářet svislé čáry a oddělovat oblasti obsahu na webu.

Použití oddílu DIV

Krok 1

Otevřete webovou stránku, na kterou chcete přidat svislou lištu.

Krok 2

Přidejte sekci div nazvanou "VBar" na příslušné místo pomocí následující značky:

Krok 3

Uložte soubor

Krok 4

Otevřete soubor CSS. Přidejte do souboru CSS sekci s atributy oddílu svislé čáry takto:

vbar {

šířka:? px; výška:? px; barva pozadí: # ??????; }}

Nahraďte otazníky odpovídajícími hodnotami. Například výška a šířka by měly být uvedeny v pixelech ve formátu jako 10px. Barva pozadí by se měla objevit ve šesticiferném šestnáctkovém formátu webových hodnot, například černá bude mít hodnotu # 000000 nebo bílou # FFFFFF. Chcete-li zobrazit další hexadecimální barvy, navštivte odkaz CSS Colours v části Zdroje.

Krok 5

Uložte soubor

Použití oddílu s atributem okraje

Krok 1

Otevřete soubor CSS.

Krok 2

Přidejte atribut hrany do části stránky vedle místa, kde chcete mít svislou lištu. Například pokud máte vlevo od místa, kde chcete přidat svislou čáru, sekci "kontejner", přidejte do této části atribut okraj-pravý, abyste vytvořili pravý okraj, například:

kontejner {

okraj-pravý: X; }}

Prohlédněte si sekci "Tipy", abyste získali různé možnosti atributů okrajů.

Krok 3

Uložte soubor

Odkazy

  • W3Schools.com: úvod do CSS
  • W3Schools.com: Border CSS