Maison  >  Article  >  interface Web  >  Comment obtenir des coins arrondis dans bootstrap

Comment obtenir des coins arrondis dans bootstrap

(*-*)浩
(*-*)浩original
2019-07-11 09:58:254217parcourir

Bootstrap propose quatre styles pour la classe <img alt="Comment obtenir des coins arrondis dans bootstrap" >, qui sont :

Comment obtenir des coins arrondis dans bootstrap

.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 :

Comment obtenir des coins arrondis dans bootstrap

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn