Nagu allpool näha, saab HTML-i ja CSS-i abil oma veebilehe ümber luua mõne piiri. Allpool toodud näites oleme ümbritsenud punkti () punase servaga.
Esimene näide tekstiga, mida ümbritseb punane äär.
Selles näites on ka mitu rida.
Ülaltoodud näite loomiseks kasutati allpool toodud koodi.
Esimene näide tekstiga, mida ümbritseb punane äär.
Selles näites on ka mitu rida.
Ülaltoodud koodis määratletakse stiil piiripunkti (pikselipikkus), stiili tüübi ja piiri värvi. Piiri stiil on see, kuidas ekraanil kuvatakse piir. Muude piiritüüpide hulka kuuluvad punktiirid, katkendlikud, topelt-, sooned, harjad, sisetükid ja algus. Piirivärv määrab värvi, mida soovite piiril kasutada. Ülaltoodud näites kasutati värvikoodi # FF0000, mis on punane värvikood.
Stiili määratlemine CSS abil
Veebilehe elementide väljanägemist võib määratleda ka inline CSS-iga. Inline CSS on määratletud HTML-dokumendis elemendis. Või saate määrata CSS-i välises failis koos laiendiga .css . Seejärel saate linkida selle faili mis tahes HTML-dokumendist ja selle dokumendi elemendid saavad juurdepääsu CSS-stiilidele. Näiteks allpool toodud CSS-koodiga luuakse uus klass, mida nimetatakse "borderexample", mida saab rakendada mis tahes teisele HTML-märgisele.
.borderexample {border-style: tahke; äärevärv: # 287EC7; }
Kasutades ülaltoodud koodi, kui soovisite kasutada seda piiri stiili HTML-paragrahvile, võite sisestada midagi sarnast alltoodud näitega.
Siin on näide CSS abil loodud piirist