Cu ajutorul CSS putem adauga margini (border) de diferite dimensiuni si culori in jurul elementelor. Aceste margini nu este obligatoriu sa inconjoare tot elementul, ele putand fi adaugate numai pe anumite parti.

Exemplul 1

Se va crea un paragraf unde vom adauga margini de culoare rosie la o latime de 3 pixeli.

<p style=”border-style:solid;
border-width:3px;
border-color:#FF0000;
background-color:#333333;
color:#FFFFFF;
padding:10px;
width:500px; height:50px;”>
Paragraful este inconjurat de un border rosu cu o dimensiune de 3 pixeli!
</p>

Rezultat:

Exemplul 2

Se va crea un paragraf unde vom scoate partea de sus a marginii si se va modifica latimea marginii de jos.

<p style=”border-style:solid;
border-width:3px;
border-color:#FF0000;
border-top:none;
border-bottom-width:5px;
background-color:#333333;
color:#FFFFFF;
padding:10px;
width:500px; height:50px;”>
Paragraful este inconjurat de un border de 3 pixeli, partea de sus a paragrafului nu are border, iar jos latimea border-ului este de 5 pixeli!
</p>