Amint az alábbiakban látható, a HTML és CSS használatával bármelyik szöveg köré lehet létrehozni egy weboldalt. Az alábbi példában körülvettünk egy piros szegélyű bekezdést.
Első példa egy piros szegéllyel körülvett szöveggel.
Ez a példa több sorral is rendelkezik.
A fenti példa létrehozásához az alábbi kódot használtuk.
Első példa egy piros szegéllyel körülvett szöveggel.
Ez a példa több sorral is rendelkezik.
A fenti kódban a stílus határozza meg a szegély méretét (px pixel), a stílus típusát és a szegély színét. A határ stílusa a határ megjelenésének módja. A szegélystílusok egyéb típusai közé tartozik a pontozott, szaggatott, dupla, horony, gerinc, betét és kezdet. A szegély színe meghatározza a határhoz használni kívánt színt. A fenti példában az # FF0000 színkódot használtuk, ami a piros színkód.
A stílus meghatározása a CSS használatával
A weblapon megjelenő elemek megjelenése a CSS segítségével is meghatározható. Az Inline CSS a HTML dokumentumban van meghatározva az elemben. Vagy egy külső fájlban is megadhatja a CSS-t .css kiterjesztéssel. Ezután bármelyik HTML dokumentumból hivatkozhat erre a fájlra, és a dokumentumban található elemek hozzáférhetnek a CSS stílusokhoz. Például az alábbi CSS kóddal egy új, "borderexample" nevű osztályt hoznak létre, amely bármely más HTML címkéhez alkalmazható.
.borderexample {border-style: szilárd; border-color: # 287EC7; }
A fenti kód használatával, ha ezt a szegélystílust HTML-bekezdésre kívánja alkalmazni, akkor írhat be valamit, ami hasonló az alábbi példához.
Itt van egy példa a CSS használatával létrehozott határra