CSS3 border-radius 指定每个圆角实例

<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8">
 <title>CSS3 border-radius 指定每个圆角 实例 - 自学教程(runoops.com)</title>
 <style>
 #rcorners1 {
 border-radius: 25px;
 background: #8AC007;
 padding: 20px;
 width: 200px;
 height: 150px;
 }

#rcorners2 {
            border-radius: 25px;
            border: 2px solid #8AC007;
            padding: 20px;
            width: 200px;
            height: 150px;
        }

#rcorners3 {
 border-radius: 25px;
 background: url(//demo.runoops.com/static/img/paper.gif);
 background-position: left top;
 background-repeat: repeat;
 padding: 20px;
 width: 200px;
 height: 150px;
 }
 </style>
</head>
<body>

border-radius 属性允许向元素添加圆角。
指定背景颜色元素的圆角:
圆角
指定边框元素的圆角:
圆角
指定背景图片元素的圆角:
圆角

</body>
</html>