CSS边框RADIUS，这是使用正确的样式？边界半径？ -webkit-边界半径？ -moz-边界半径？

我想用CSS创建漂亮的圆形边框。我知道以下CSS样式：CSS边框RADIUS，这是使用正确的样式？边界半径？ -webkit-边界半径？ -moz-边界半径？

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

哪种样式是最适合使用的？

来源

2009-12-31 AnApprentice

/* 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不支持圆角。相反，这些用户会看到一个正常的角落。

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

你的问题的详细答案就在这里

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

和IE浏览器使用这些解决方案 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/

来源

2010-01-02 03:05:52

为什么使用10px的作为边界半径值，而不是5px的？只是挑剔，但现在看起来人们必须加倍其他规则的价值。 – 2010-02-04 04:00:15

他只是直接从第一个链接复制示例。我已将它们全部更改为'5px'，因为应该没有区别。 – DisgruntledGoat 2010-03-23 14:44:09

Opera 10.5现在支持'border-radius'，IE9也会支持。 – mercator 2010-03-23 20:57:00

你应该使用全部三条规则。

这样，您的页面既可以在当前版本的Mozilla和WebKit上运行，也可以在将来实现该标准的浏览器上运行。

来源

2009-12-31 02:35:32 SLaks

你应该使用所有这些（现在）。 -moz面向Mozilla浏览器和-webkit面向Webkit浏览器。从技术上讲，你不需要简单的边界半径，但最佳实践说你应该包括它，所以当CSS3上线时，你已经实现了它。

来源

2009-12-31 02:38:03

-webkit-border-radius适用于基于webkit的浏览器，如Safari & Chrome。 -moz-border-radius适用于Firefox等Mozilla产品。尽管Opera目前使用它，但当标准最终完成时将使用border-radius。

使用全部3来确保最大的兼容性。

来源

2009-12-31 02:38:16 hell0w0rld

只需使用“border-radius”，因为大多数网站都标准化了对css的支持，使用“border-radius”也可使该功能在任何其他即将推出的浏览器中工作，例如：IE9或IE10，不带任何自定义前缀。

进一步阅读有关边界半径财产 http://www.learntby.me/css/css_borderadius.php

来源

2012-08-08 08:51:48

CSS边框RADIUS，这是使用正确的样式？边界半径？ -webkit-边界半径？ -moz-边界半径？

回答

相关问题