css扇形

代码

<style>
.sector {
  margin-top: 200px;
  position: relative;
  width: 100px;
  height: 100px;
  border-radius: 50px;
  background: red;
  clip-path: polygon(50% 0%, 100% 0%, 50% 50%);
}
</style>

<div class="sector">
</div>

原理

border-radius和clip-path 的灵活结合