Question

我只是玩CSS。我根本不专业，所以请原谅我这是一个愚蠢/明显的问题。

问题：我正在开发的博客平台不允许使用任何外部样式表，以及使用<style>标记，所以我不得不做内联的所有事情。

我一直在使用CodePen（BobbyHo的CSS Percentage Circle）中使用圆锥渐变的简单百分比圆圈，所有内容（甚至内联改编版本）在CodePen上分配后都显得非常棒。但是当我把它放到博客网站上时，圆锥渐变消失了。

<div id="element" style="width: 200px; height: 200px; border-radius: 50%; display: flex; justify-content: center; align-items: center; background: conic-gradient(#39DE57 40%, #513BB3 0);">
    <div class="inner" style="width: 180px; height: 180px; position: relative; background-color: #D6D6D6; border-radius: 50%;font-size: 3em; color: #4F4F4F; display: flex; justify-content: center; align-items: center;">
        40%
    </div>
</div>

这表明渐变是不适合内联样式的。我知道他们的处理方式与图像有关，而不是颜色，但我真的认为你可以做到这一点。我错了吗？或者我错过了一些非常明显的东西？

我可以使用带内联样式的圆锥渐变吗？

0 个答案: