1行代码搞定CSS3的圆角。
webkit核心浏览器使用-webkit-border-radius，如-webkit-border-radius:10px;
firefox浏览器使用-moz-border-radius，如-moz-border-radius:10px;
其他浏览器使用border-radius:10px;
示例：
<!DOCTYPE HTML>
<html>
<head>
<meta charset="gb18030">
<title> CSS3圆角边框 </title>
<style type="text/css">
div#radius{
margin-left:25%;
width:50%;
height:100px;
display:block;
background-color:#F37D31;
color:white;
text-align:center;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
</style>
</head>
<body>
<div id="radius">Css3实现圆角边框</div>
</body>
</html>
效果：
相关推荐
响应式Web开发项目教程（HTML5+CSS3+Bootstrap）第2版 第1章 HTML5+CSS3初体验 例1-3 CSS3圆角边框
css圆角边框css圆角边框css圆角边框css圆角边框css圆角边框
CSS圆角边框CSS圆角边框CSS圆角边框CSS圆角边框CSS圆角边框CSS圆角边框
主要为大家详细介绍了CSS3边框的不同效果实现代码，包括CSS3圆角边框、盒阴影、边界图片的制作方法，感兴趣的小伙伴们可以参考一下
.
css用图片实现圆角边框的效果 css用图片实现圆角边框的效果
css3中的边框一般多为矩形，也可以通过设置实现圆角边框的效果，通过border-radius:;通过设置该属性值得大小改变边框的圆角大小，从而达到自己需要的圆角边框效果
本篇文章给大家介绍基于css3来实现边框圆角效果，实现此效果当然border-radius要在firefox或Safari 和 Chrome才能实现哦。对css3圆角边框制作代码感兴趣的朋友参考下吧
静态页面模板
。
。
老外用css实现圆角边框，纯css，简单易懂，看了就明白
主要介绍了css3圆角边框和边框阴影示例,需要的朋友可以参考下
一个用css实现的圆角边框实例，有兴趣的可以研究研究哦
div css圆角代码各种圆角表格_圆角边框css圆角
CSS圆角边框、按钮插件CSS圆角边框、按钮插件CSS圆角边框、按钮插件
css 圆角边框 样式表 css 圆角边框原理及网页实例
无懈可击的CSS圆角边框 用了一个圆角框来显示用户“已经切换使用”的某个兼容Web标准的浏览器，包括软件名称和图标
用div+css实现边框圆角,其实实现div圆角，有三种方法，也可以用圆角片来实现，还有一种技术，现在浏览器还不是很支持。