.circle {
width: 150px;
height: 150px;
border-radius: 50%;
background-color: #00bcd4;
margin: 20px auto;
text-align: center;
color: #fff;
font-size: 30px;
line-height: 150px;
}上面的代码演示了如何使用 CSS3 创建一个圆形，其中 border-radius 属性可以用来设置圆的半径，该属性的值为 50%，相当于圆的半径是盒子宽度和高度的一半。而 background-color 属性用来设置圆的背景颜色，这里设置了 #00bcd4，是一种绿松石色。text-align 属性用来让圆形中的文本居中显示，color 属性用来设置文本颜色，这里设置为白色。font-size 属性用来设置文本字体大小，line-height 属性用来设置行高，这里将行高设置为盒子高度，使得文本垂直居中显示。
需要注意的是，border-radius属性不仅可以用来画圆，还可以用来画其他形状，比如矩形的圆角、椭圆、三角形等。另外，CSS3 还有很多其它的属性和值可以用来制作各种各样的效果，如动画、过渡、阴影、渐变等，可以不断地发掘。