Maison >interface Web >Tutoriel d'amorçage >Comment transformer un div en cercle avec bootstrap

Comment transformer un div en cercle avec bootstrap

(*-*)浩
(*-*)浩original
2019-07-18 16:35:275832parcourir

border-radius, traduit par coins arrondis en Chine, vous pensez peut-être que cet attribut sert à dessiner des coins arrondis, oui, mais en plus, il peut faire autre chose.

Comment transformer un div en cercle avec bootstrap

rayon fait en fait référence au rayon du cercle où se trouve la bordure. Cette propriété CSS3 peut non seulement créer des coins arrondis, mais aussi créer des cercles, et placer ces coins dedans. différents ordres et tailles. Pour l’afficher, il peut être dessiné dans une variété de graphiques. (Apprentissage recommandé : Tutoriel vidéo Bootstrap)

Utilisez border-radius pour définir l'étiquette dans un cercle. Définissez simplement la valeur de border-radius sur 50 %, et ce sera le cas. devenir ronde.

Exemple :

    

    
    
        <div></div>
        <input>
    

Rendu :

Comment transformer un div en cercle avec bootstrap

Plus Pour les aspects techniques articles 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