如何用CSS代码设定按钮的圆角样式？
导读：本文共369字符，通常情况下阅读需要1分钟。同时您也可以点击右侧朗读，来听本文内容。按键盘←（左） →（右） 方向键可以翻页。
摘要：用CSS代码设定按钮的圆角样式，这个在css3中才能实现，通过使用border-radius来实现这个效果，不过有浏览器的兼容性问题，-moz(例如 -moz-border-radius)用于Firefox；-webkit(例如：-webkit-border-radius)用于Safari和Chrome；border-radius:5px 15px 20px 25px;它的意思就是上的圆角5px，... ...
音频解说
目录
(为您整理了一些要点),点击可以直达。
用CSS代码设定按钮的圆角样式，这个在css3中才能实现，通过使用border-radius来实现这个效果，不过有浏览器的兼容性问题，-moz(例如 -moz-border-radius)用于Firefox；-webkit(例如：-webkit-border-radius)用于Safari和Chrome；border-radius:5px 15px 20px 25px;它的意思就是上的圆角5px，右的圆角15px，下的圆角20px，左的圆角25px，通过例子来实际看下：<div id="round"></div>#round { 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 /}效果如图：
本文：
如何用CSS代码设定按钮的圆角样式？的详细内容，希望对您有所帮助，信息来源于网络。