Question

圆角按钮的样式有哪些?

圆角按钮的样式有哪些?

Answer 1

　　IE是不支持CSS3.0的圆角实现的。

　　圆角样式目前基于CSS3.0在一些较高版本的标准浏览器。‍

　　 用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 */
}

　　效果如图：

Answer 2

一般来讲是不支持圆角样式的，它目前基于CSS3.0在一些较高版本的标准浏览器能够实现圆角，例如火狐3.5。IE是完全不支持CSS3.0的圆角实现。因此最可靠的还是使用图片来实现圆角。