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