Bordures

Pour ajouter une bordure, c'est bien simple, il suffit d'utiliser l'attribut border. On précise l'épaisseur, le style et la couleur.
Par exemple, border:1px solid #000; permet d'avoir une bordure de 1px d'épais, noire, et continue.
Il existe différents type de bordure :
<div style="border: 1px solid #5675A4;">Ici, la bordure est continue. </div>

Ici, la bordure est continue.

<div style="border: 1px dotted #5675A4;">Ici, la bordure est en pointillés. </div>

Ici, la bordure est en pointillés.

<div style="border: 1px dashed #5675A4;">Ici, la bordure est en tirets. </div>

Ici, la bordure est en tirets.

<div style="border: 1px groove #5675A4;">Ici, la bordure est en 3D. </div>

Ici, la bordure est en 3D.

<div style="border: 3px double #5675A4;">Ici, la bordure est double . </div>

Ici, la bordure est double .

A noter, pour la bordure double, l'épaisseur correspond au total de l'épaisseur de chaque trait plus de l'espace entre les deux traits, sachant que chaque trait a la même épaisseur, qui est égale à l'espace entre les deux traits. Donc, pour une bordure 3px, chaque trait fait 1px, et ils sont séparés par un vide d'1px. Et pour une bordure de 21px d'épais, chaque trait fait 7px d'épais, et sont espacés par 7px de vide.

Pour changer l'épaisseur, on change donc la première donnée :
<div style="border: 5px solid #5675A4;">Ici, la bordure est épaisse de 5px. </div>

Ici, la bordure est épaisse de 5px.