Așa cum se poate vedea mai jos, o margine poate fi creată în jurul oricărui text folosind HTML și CSS pe pagina dvs. Web. În exemplul de mai jos, am înconjurat un paragraf () cu o margine roșie.
Primul exemplu cu text înconjurat de o margine roșie.
Acest exemplu are, de asemenea, mai multe linii.
Pentru a crea exemplul de mai sus, a fost utilizat codul de mai jos.
Primul exemplu cu text înconjurat de o margine roșie.
Acest exemplu are, de asemenea, mai multe linii.
În codul de mai sus, stilul definește dimensiunea marginii (pixel scurt pentru pixel), tipul de stil și culoarea frontală. Stilul frontierei este modul în care frontiera apare pe ecran. Alte tipuri de stiluri de frontieră includ punctat, punctat, dublu, groove, creastă, inserție și început. Culoarea frontală definește culoarea pe care doriți să o utilizați pentru margine. În exemplul de mai sus, a fost utilizat codul de culoare # FF0000, care este codul de culoare pentru roșu.
Definirea stilului folosind CSS
Aspectul elementelor dintr-o pagină web poate fi, de asemenea, definit cu CSS inline. CSS inline este definit în documentul dvs. HTML, în element. Sau, puteți defini CSS într-un fișier extern, cu extensia .css . Apoi, puteți să vă conectați la acest fișier din orice document HTML, iar elementele din acel document vor avea acces la stilurile CSS. De exemplu, cu codul CSS de mai jos, se creează o nouă clasă numită "borderexample" care poate fi aplicată oricărei alte etichete HTML.
.borderexample {stil de frontieră: solid; border-color: # 287EC7; }
Folosind codul de mai sus, dacă doriți să aplicați acest stil de frontieră la un paragraf HTML, puteți scrie ceva similar cu exemplul de mai jos.
Iată un exemplu de graniță creată utilizând CSS