利用border-radius制作圆形、圆角矩形、半圆

设置div的宽高、利用border-radius属性制作。

圆形图案：div 的宽高必须相同，border-radius的值是div宽度和高度的一半

圆角矩形图案：border-radius的值是div高度的一半

半形图案：div 的宽是高的一半，border-top-left-radius与border-bottom-left-radius的值是div高度的一半

代码：

1. 圆形的做法:

2. 圆角矩形的做法:

3. 半圆形:

效果：