CSS Border RADIUS，这是正确的使用风格吗？ border-radius？ -webkit-border-radius？ -moz-border-radius？ [英] CSS Border RADIUS, which is the correct style to use? border-radius? -webkit-border-radius? -moz-border-radius?

问题描述

我想使用CSS创建漂亮的圆形边框。我知道以下CSS样式：

I would like to use CSS to create nice round border. I'm aware of the following CSS Style:

 border-radius
-webkit-border-radius
-moz-border-radius

最好使用哪种风格？ >

Which style(s) are the best to use?

推荐答案

/* Gecko browsers */
-moz-border-radius: 5px; 
/* Webkit browsers */
-webkit-border-radius: 5px; 
/* W3C syntax - likely to be standard so use for future proofing */
border-radius: 5px;

Internet Explorer 6& 7和8（据我所知）和Opera不支持圆角。

Internet Explorer 6 & 7 and 8 (as far as I know) and Opera do not support rounded corners. Instead these users will see a regular corner.

您可以开始使用Firefox和任何Mozilla浏览器系列。 Apple的WebKit网络浏览器引擎还支持圆角，使其可以在Safari和Chrome浏览器，iPhone和其他运行WebKit的设备上使用。

You can get started using Firefox and any of the 'Mozilla' family of browsers. Apple's WebKit web browser engine also supports rounded corners making them available in the Safari and Chrome web browsers, the iPhone and other devices running WebKit.

您的问题的详细答案在这里

Detailed Answer of your question is here

http://shapeshed.com/ journal / css3_tour_border-radius /

并且对于IE使用这些解决方案
http://woork.blogspot.com/2009/08/css3-rounded-corners-for-every-browser .html

and for IE use these solution http://woork.blogspot.com/2009/08/css3-rounded-corners-for-every-browser.html

http://www.css3.info/a-border-radius-solution/

查看更多关于角的更多信息
http：//www.the-art-of-web。 com / css / border-radius /

see some more cool info here about corners http://www.the-art-of-web.com/css/border-radius/

这篇关于CSS Border RADIUS，这是正确的使用风格吗？ border-radius？ -webkit-border-radius？ -moz-border-radius？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！