.circle {
width: 100px;
height: 100px;
border-radius: 50%;
}上面的代码是创建一个基本的圆形的例子。其中，width和height属性必须相等，这样才能保证是一个正圆形。border-radius属性的值是50%时，可以创建一个圆形，如果调整为其他值，则可以创建其他不同形状的圆角。
.ellipse {
width: 150px;
height: 100px;
border-radius: 50% / 25%;
}如果大家将border-radius属性的值改为50%/25%时，就可以创建一个椭圆形了。其中，“/”后面的25%定义了y轴的半径，而之前的50%仍然是指x轴的半径。
.ring {
width: 150px;
height: 150px;
border-radius: 50%;
border: 10px solid #000;
box-sizing: border-box;
}除了基本形状外，大家还可以创建有边框和内部空白的圆形，这种效果被称为圆环。利用border属性和box-sizing属性即可实现。其中，border-radius仍然是定义圆形的半径，而box-sizing: border-box则将border的宽度计算在内部空白中。
总之，通过这些简单的示例，大家可以看到，使用CSS3创建圆形变得十分简单，并且还能够应用于各种不同的效果中，让大家的网页设计更加丰富多彩。