css使用渐变设置背景中间空白四周红色

您可以使用linear-gradient来创建一个渐变背景，并使用background-clip属性来指定背景的绘制区域。以下是一个示例代码：

div {
  width: 200px;
  height: 200px;
  background: linear-gradient(to bottom, red 50%, transparent 50%);
  background-clip: content-box;
}

在这个示例中，我们创建了一个200x200像素的div元素，并使用linear-gradient来创建一个从上到下的渐变背景。我们将红色设置为前50%的区域，然后使用transparent将剩余的50%设置为透明。接下来，我们使用background-clip属性将背景限制在内容框盒子内，这样就会在中间留下一个空白区域，并围绕其四周显示红色背景。

您可以根据需要调整代码中的宽度、高度和颜色，以适应您的设计要求。