1、案例分析：我们做三个不同颜色的圆形，放入一个橙色的边框内。
2、代码实现：我们要声明三次圆形的样式，再设置一个边框的样式。
3、整个块元素的样式代码声明。
<section id="三色圆" style="border: dashed 2px red; padding: 20px;">
<section style="
width:100%;
margin:1em auto;
text-align: center;" id="标题" >
4、第一个橙色的圆形代码。
<section class="we" style="width: 20px; height: 20px; border-radius: 50%; opacity: 0.5; display: inline-block; vertical-align: top; border: 2px solid white; margin: 3px auto 0px; background-color: orange;"></section>
5、剩下的两个不同颜色的圆形。
<section class="we" style="width: 20px; height: 20px; border-radius: 50%; display: inline-block; vertical-align: top; border: 2px solid white; margin: 3px auto 0px;background-color: blue;"></section>
<section class="we" style="width: 20px; height: 20px; border-radius: 50%; opacity: 0.5; display: inline-block; vertical-align: top; border: 2px solid white; margin-top: 3px; background-color: red;"></section>
</section>
6、我们也可以换三个颜色来做出不同的样式效果！
