Sommaire

Les images dans un ovale et un cercle CSS POUR LES IMAGES:Ovale et cercle

La classe .img-circle permet d’afficher les images dans un ovale.

Voici le code à utiliser :

<p><img src="tigre.jpg" alt="Tigre" class="img-circle"></p>

L’affichage :

images/C07-002.png

La classe .img-circle utilisée :

.img-circle { 
   border-radius: 50%; 
}

Vous notez que nous avons juste une valeur de coins arrondis à 50 % de la taille de l’image. Donc si vous souhaitez avoir un cercle parfait, vous devez spécifier une largeur et une hauteur égales pour l’image.

Le code :

<p><img src="desert.jpg" width="200" height="200" alt="Désert"
class="img-circle"></p>

L’affichage :

images/C07-003.png