css - 如何在 CSS 中制作饼图

标签 css

如何使用 CSS 创建如下所示的饼图？

enter image description here

最佳答案

我看到有些人选择了 Google Developers Tool，它非常难用，而且它还使用 JS，而您只需要 CSS。所以这是最简单的方法，Pure CSS，使用背景渐变制作。

.pie {
  width: 400px;
  height: 400px;
  background-image: conic-gradient(orange 64%, blue 17%, black);
  border-radius: 50%
}

<div class="pie"></div>

关于css - 如何在 CSS 中制作饼图，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10028182/

相关文章：

css - Bootstrap 关闭警报 JavaScript 不工作