Des images rondes, arrondies, dans un rectangle

Salut à tous
Ici je vais vous montrer comment avoir des images rectangulaires aux bords arrondis, des images rectangulaire tout court (oui il n'y a aucune différence entre celles de base), des images dans un rectangle aux bords arrondis et des images rondes comme les images de profil du meilleur réseau social de tout les temps; Google+
C'est très simple, dans le code source de votre page où il y a une image vous trouverez ceci :

HTML:

<img alt="Texte de remplacement (facultatif)" src="Lien vers votre image" />

Dans ce code il faudra ajouter

HTML:

class=img-

rounded, circle, thumbnail ou responsive entre

HTML:

src="Lien vers votre image"

et

HTML:

/>

• "rounded" pour une image aux bords arrondis :
  HTML:

  <img alt="Texte de remplacement (facultatif)" src="Lien vers votre image" class="img-rounded" />

• "circle" pour une image ronde :
  HTML:

  <img alt="Texte de remplacement (facultatif)" src="Lien vers votre image" class="img-circle" />

• "thumbnail" pour une image dans un rectangle :
  HTML:

  <img alt="Texte de remplacement (facultatif)" src="Lien vers votre image" class="img-thumbnail" />

• "responsive" pour une image de base :
  HTML:

  <img alt="Texte de remplacement (facultatif)" src="Lien vers votre image" class="img-responsive" />

Pour tester votre code vous pouvez aller là : Merci de vous Connecter/S'inscrire pour voir les liens.
Source : Merci de vous Connecter/S'inscrire pour voir les liens.

 

On peut aussi fusionner les "class" :

PHP:

<img alt="Texte de remplacement (facultatif)" src="Lien vers votre image" class="img-circle , img-thumbnail" />