Sommaire

Les images avec un cadre CSS POUR LES IMAGES:Cadre

La classe .img-thumbnail permet d’afficher les images dans un cadre fin, aux coins arrondis.

Exemple d’un code illustrant ce style :

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

L’affichage du cadre :

images/C07-004.png

La classe .img-thumbnail dans les deux sélecteurs permettant cette mise en forme :

.img-thumbnail { 
   display: inline-block; 
   height: auto; 
   max-width: 100%; 
   padding: 4px; 
   line-height: 1.428571429; 
   background-color: #fff; 
   border: 1px solid #ddd; 
   border-radius: 4px; 
   -webkit-transition: all .2s ease-in-out; 
   transition: all .2s ease-in-out; 
} 
.thumbnail, .img-thumbnail { 
   -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.075); 
   box-shadow: 0 1px 2px rgba(0,0,0,0.075);