制作一个带渐变和不带渐变的纯css圆

我无法用下面的代码创建一个圆。你能解释一下CSS圈是如何工作的吗

.circle {
    width: 200px;
    height: 200px;
    background: #4679BD;
}

---

无梯度

.circle {
    width: 200px;
    height: 200px;
    -moz-border-radius: 50%; 
    -webkit-border-radius: 50%; 
    border-radius: 50%;
    background: #4679BD;
}

---

在CSS中，可以使用边界半径 对于纯圆形，可以将该值设置为50%；对于具有圆角的形状，可以将该值设置为px

您的代码应该如下所示：

.circle {
        width: 200px;
        height: 200px;
        border-radius: 50%;
    }

可能重复的