Maison > Article > interface Web > css3 圆角（border-radius）_html/css_WEB-ITnose
css3 圆角（border-radius）_html/css_WEB-ITnose
- WBOYoriginal
- 2016-06-24 11:49:43987parcourir
前缀
-moz(例如 -moz-border-radius)用于Firefox。
-webkit(例如：-webkit-border-radius)用于Safari和Chrome。
css3圆角代码
<div class="radius"></div>.radius { padding:10px; width:300px; height:50px; border: 5px solid #dedede; -moz-border-radius: 15px; /* Gecko browsers */ -webkit-border-radius: 15px; /* Webkit browsers */ border-radius:15px; /* W3C syntax */} 效果：
其他写法：
border-radius:5px 15px 20px 25px; 上 右 下 左
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：HTML学习笔记NO.1_html/css_WEB-ITnoseArticle suivant：css/js 加载顺序_html/css_WEB-ITnose