css 圆形扩散渐变 四边是一个颜色，中间是一个颜色

CSS 中的圆形扩散渐变是一种特殊的渐变效果，可以通过 `linear-gradient` 或 `radial-gradient` 属性来实现。如果你想要创建一个中心一个颜色，四边是另一个颜色的圆形渐变效果，最直接的方法是使用 `radial-gradient` 属性。以下是一个简单的示例代码：

.gradient-circle {
  width: 200px;
  height: 200px;
  background: radial-gradient(circle at center, #FFFFFF 0%, #FFFFFF 50%, #000000 50%, #000000 100%);
}

在这个例子中，`#FFFFFF` 表示中心的颜色，`#000000` 表示外围的颜色。`0%` 和 `100%` 分别表示渐变的起始点和结束点。`50%` 表示中心到外围的中间位置。渐变的方向是径向的，从中心向外扩散。

如果你想要创建一个边框处是特定颜色，而中间是另一个颜色的效果，你可能需要在元素上使用 `border` 属性，并且可能需要额外的元素来实现更复杂的视觉效果。