Maison > Article > interface Web > Comment obtenir des coins arrondis en CSS3

Comment obtenir des coins arrondis en CSS3

藏色散人original: 2021-04-29 09:29:362530parcourir

Comment obtenir des coins arrondis en CSS3 : créez d'abord un exemple de fichier HTML ; puis entrez le code de structure HTML ; puis créez un div dans le corps et enfin définissez le style "border:2px solid #a1a1a1;" le div Vous pouvez obtenir des coins arrondis.

L'environnement d'exploitation de cet article : système Windows 7, version HTML5&&CSS3, ordinateur Dell G3.

Comment obtenir des coins arrondis en CSS3 ?

La propriété border-radius est une propriété abrégée utilisée pour définir les quatre propriétés border-*-radius.

Astuce : Cet attribut vous permet d'ajouter des bordures arrondies aux éléments !

Ajouter des bordures arrondies aux éléments div :

<!DOCTYPE html>
<html>
<head>
<style> 
div
{
text-align:center;
border:2px solid #a1a1a1;
padding:10px 40px; 
background:#dddddd;
width:350px;
border-radius:25px;
-moz-border-radius:25px; /* 老的 Firefox */
}
</style>
</head>
<body>

<div>border-radius 属性允许您向元素添加圆角。</div>

</body>
</html>

Effet :

Comment obtenir des coins arrondis en CSS3

Connaissances HTML/CSS plus détaillées, veuillez visiter le Colonne Tutoriel vidéo CSS !

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

Article précédent：Comment définir la couleur du texte en CSSArticle suivant：Comment définir la couleur du texte en CSS

Articles Liés

Voir plus