任务四：定位和居中问题

任务目标:

实践HTML/CSS布局方式, 深入了解position等CSS属性.

任务描述:

实现如 示例图（点击打开） 的效果, 灰色元素水平垂直居中，有两个四分之一圆位于其左上角和右下角。