1、创建一个div，宽度200px，高度200px，加个黑色的边框，便于观察位置。
2、给div创建一个伪元素，红色边框，宽度300px，高度300px，显示为块级元素。
3、让伪元素在div里面居中，注意，伪元素宽度高度都比父元素要大，所以红色框居中后会以后一部分在外侧溢出，实际上黑色框的容器才是父元素。
4、div和其伪元素都圆角50%，变成圆。
5、父元素div设置为溢出部分隐藏。伪元素背景色设置为orange颜色。看起来是不是一个圆了。orange颜色其实是伪元素的颜色。
6、对伪因素进行裁剪，注意，裁剪的时候从中心点坐标(50% 50%)作为起始点开始裁剪。
7、去掉伪元素和div的边框，既是一个扇形了。
8、以下是所有html和css。在html部分只利用了一个div和伪元素就可以裁剪出一个扇形。注意overflow隐藏的使用技巧。
9、<!DOCTYPE html><html><head><title></title><meta charset="UTF-8"><style>*{margin:0;padding:0;}div{width:200px;height:200px;margin-left:200px;margin-top:200px;border-radius:50%;overflow:hidden;}div::after{content:"";width:300px;height:300px;display:block;margin-top:-50px;margin-left:-50px;border-radius:50%;background:orange;clip-path: polygon(50% 50%, 100% 46%, 100% 23%, 100% 0, 74% 0, 53% 0, 15% 0);}</style></head><body> <div></div></body></html>
