Css 如何为圆角添加阴影

我试图通过使用添加阴影到圆中

box-shadow: 1px 1px 3px 10px black;

，但它有正方形的边框。 如何将阴影添加到圆中

.circle{
位置：相对位置；
显示：块；
利润率：2米0；
背景色：透明；
颜色：#fff；
文本对齐：居中；
宽度：40%；
保证金：0自动；
盒影：1px 1px 3px 10px黑色；
}
.圆圈：之后{
显示：块；
垫底：100%；
宽度：100%；
身高：0；
边界半径：50%；
背景色：#1E73BE；
内容：“；
}
.内圆{
位置：绝对位置；
排名：0；
底部：0；
左：0；
宽度：100%；
身高：100%；
}
.circle\uu包装{
显示：表格；
宽度：100%；
身高：100%；
}
.圈出内容{
显示：表格单元格；
填充：1em；
垂直对齐：中间对齐；
}

这是回应圈

添加

边界半径：50%到
。圆圈


CSS

添加
边界半径
此类
。圆


.circle{
位置：相对位置；
显示：块；
利润率：2米0；
背景色：透明；
颜色：#fff；
文本对齐：居中；
宽度：40%；
保证金：0自动；
盒影：1px 1px 3px 10px黑色；
-webkit边界半径：50%；
-moz边界半径：50%；
边界半径：50%；
}
.圆圈：之后{
显示：块；
垫底：100%；
宽度：100%；
身高：0；
边界半径：50%；
背景色：#1E73BE；
内容：“；
}
.内圆{
位置：绝对位置；
排名：0；
底部：0；
左：0；
宽度：100%；
身高：100%；
}
.circle\uu包装{
显示：表格；
宽度：100%；
身高：100%；
}
.圈出内容{
显示：表格单元格；
填充：1em；
垂直对齐：中间对齐；
}

这是回应圈
我建议您改变方法并使用
位置：绝对用于
。圈出内容：在伪元素之后。最终代码如下所示：

.circle__content:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    border-radius: 50%;
    background-color: transparent;
    z-index: -1;
    box-shadow: 0 0 5px #000;
}

在css中可能存在重复的，如果您使用边界半径来圈，那么您将得到所需的。
.circle__content:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    border-radius: 50%;
    background-color: transparent;
    z-index: -1;
    box-shadow: 0 0 5px #000;
}