Maison > interface Web > Tutoriel d'amorçage > le corps du texte

Comment transformer un div en cercle avec bootstrap

(*-*)浩
Libérer: 2019-07-18 16:35:27
original
5783 Les gens l'ont consulté

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>
    
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal