LES BORDURES

Comment orner votre image d'une bordure comme ci dessous :

Bordure simple (solid)
Allez sur vote page css et ajoutez ce code : .img { border-width:1; border-style:solid; }

Puis ajoutez «class="img"» ce qui donne ceci dans votre page html : <img class="img" src="urldevotreimage.jpg">

Résultat »

Bordure pointillé (dotted)
Allez sur vote page css et ajoutez ce code : .img { border-width:1; border-style:dotted; }

Puis ajoutez «class="img"» ce qui donne ceci dans votre page html : <img class="img" src="urldevotreimage.jpg">

Résultat »

Bordure tiret (dashed)
De même que ci-dessus : .img { border-width:1; border-style:dashed; }

Puis ajoutez «class="img"» ce qui donne ceci dans votre page html : <img class="img" src="urldevotreimage.jpg">

Résultat »

Vous pouvez régler la taille de la bordure dans « border-widht:1; »

De plus en plus gros.

Remarque:
Il vous suffit de reprendre le tout premier code (bordure simple) et de changer «solid» par «dotted», «dashed». Il existe d'autre style de bordure comme groove; ridge; inset; outset...

posté par PooPoo le 23/04/08