当前位置 : 主页 > 网页制作 > css >

CSS Border RADIUS,这是正确使用的样式吗?边界半径? -webkit-边界半径? -moz-边界半

来源:互联网 收集:自由互联 发布时间:2021-06-13
我想用CSS创建漂亮的圆形边框.我知道以下CSS样式: border-radius-webkit-border-radius-moz-border-radius 哪种款式最好用? /* Gecko browsers */-moz-border-radius: 5px; /* Webkit browsers */-webkit-border-radius: 5px;
我想用CSS创建漂亮的圆形边框.我知道以下CSS样式:

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

哪种款式最好用?

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

网友评论