L'attribut border-radius est utilisé pour créer des coins arrondis. Sa syntaxe d'utilisation est "border-radius: 1-4 length|%;". -*- radius "Attribut composite de l'attribut.
L'environnement d'exploitation de cet article : système Windows 7, ordinateur Dell G3, version HTML5&&CSS3.
Propriété CSS3 border-radius
Fonction : la propriété border-radius est utilisée pour créer des coins arrondis
Explication : L'attribut border-radius est un attribut composite qui peut spécifier jusqu'à quatre attributs border -*- radius.
Syntaxe de base :
border-radius: 1-4 length|% ;
Remarque : L'ordre des quatre valeursde chaque rayon est : coin supérieur gauche , coin supérieur droit, coin droit Coin inférieur, coin inférieur gauche. Si le coin inférieur gauche est omis, le coin supérieur droit est le même. Si le coin inférieur droit est omis, le coin supérieur gauche est le même. Si le coin supérieur droit est omis, le coin supérieur gauche est le même.
Exemple d'utilisation de l'attribut CSS3 border-radius
<!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 */
margin: 100px auto;
}
</style>
</head>
<body>
<div>border-radius 属性允许您向元素添加圆角。</div>
</body>
</html>Rendu :
Ce qui précède représente l'intégralité du contenu de cet article, j'espère qu'il sera utile à l'étude de chacun. Pour un contenu plus passionnant, vous pouvez prêter attention aux colonnes de didacticiels pertinentes du site Web PHP chinois ! ! !
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!
tutoriel CSS3
Quelles sont les propriétés du dégradé CSS3 ?
Comment modifier le registre
Solution d'erreur inattendue IIS 0x8ffe2740
Qu'est-ce que le service SAAS
Méthode d'affectation de tableau de chaînes
Suffixe du nom du fichier de modification par lots Linux
Comment ouvrir le fichier vcf sous Windows
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
