Maison > Article > interface Web > Comment obtenir des coins arrondis dans bootstrap
Bootstrap propose quatre styles pour la classe <img alt="Comment obtenir des coins arrondis dans bootstrap" >, qui sont :
.img -arrondi : coins arrondis (non pris en charge par IE8), ajoutez border-radius:6px pour obtenir des coins arrondis de l'image (apprentissage recommandé : Tutoriel vidéo Bootstrap)
; circle : circulaire (non pris en charge par IE8), ajoutez border-radius:50% pour rendre l'image entière circulaire.
.img-thumbnail : Fonction vignette, ajoutez un peu de remplissage et une bordure grise.
.img-responsive : image réactive (s'adaptera bien aux éléments parents).
Utilisation :
Ajouter le style de classe directement à la classe :
<img alt="Comment obtenir des coins arrondis dans bootstrap" >
L'effet est le suivant :
Vous pouvez voir les effets de l'utilisation de différents styles sur l'image. Il est très simple et pratique de traiter l'image.
Pour des articles plus techniques liés à Bootstrap, veuillez visiter la colonne Tutoriel Bootstrap pour apprendre !
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!