CSS border-radius 椭圆边框实例 - 自学教程(runoops.com)

<!DOCTYPE html>
<html>

<head>
 <meta charset="utf-8">
 <title>CSS border-radius 椭圆边框 实例 - 自学教程(runoops.com)</title>
 <style>
 #rcorners4 {
 border-radius: 15px 50px 30px 5px;
 padding: 20px;
 width: 200px;
 height: 150px;
 }

#rcorners5 {
            border-radius: 15px 50px 30px;
            padding: 20px;
            width: 200px;
            height: 150px;
        }

#rcorners6 {
            border-radius: 15px 50px;
            padding: 20px;
            width: 200px;
            height: 150px;
        }

#rcorners7 {
            border-radius: 15px;
            padding: 20px;
            width: 200px;
            height: 150px;
        }

.runoops-color {
 color: #fff !important;
 background-color: #73AD21 !important;
 background-color: #04AA6D !important;
 }
 </style>
</head>

<body>

椭圆边框 - border-radius: 15px 50px 30px 5px：第一个值适用于左上角，第二个值适用于右上角，第三个值适用于右下角，第四个值适用于左下角：

椭圆边框 - border-radius: 15px 50px 30px：第一个值适用于左上角，第二个值适用于右上角和左下角，第三个值适用于右下角：

椭圆边框 - border-radius: 15px 50px：第一个值适用于左上角和右下角，第二个值适用于右上角和左下角

椭圆边框 - border-radius: 15px：该值适用于所有四个角，均等圆角
 
</body>

</html>