扇形

2025年03月31日

柏拉文

越努力，越幸运

一、认识

---

实现思路: 用CSS实现扇形的思路和三角形基本一致，就是多了一个圆角的样式，实现一个90°的扇形

二、实现

---

实时编辑器

function Test(props) {
  const sector = {
    width: 0,
    height: 0,
    border: "100px solid transparent",
    borderRadius: "100px",
    borderTopColor: "#e5c3b2",
  }
  return (
    <div style={ sector }></div>
  );
}

结果

Loading...