1
/6
第一，在HBuilderX中，新建页面文件，然后在body标签中插入两个div，分别作为父子标签
2
/6
你可以用css3的多层背景，把4个圆角图片放到上下左右四个地方，缺点是低版本ie不鸟。或者嵌套四层div，div宽高都设为一样，每个div上放一个圆角背景：
<div>
<div>
<div>
<div></div>
</div>
</div>
</div>
首先你先定一个矩形区域，让这个区域的边框用border:像素 颜色 值；给边框四周上个颜色；然后再次在这个矩形区域里面定义一个或者多个区域，同样给边框上个颜色，然后用border-radius:50%；这样就会让此矩形区域变换为圆形，依次在里面添加一个或者多个即可；
最后在你定义的圆形区域里面打上文字，如果那里不合适，用css控制一下区域或者文字；
希望我的回答能帮到你；
