CSS 实现四边渐变 Div 背景，中间空白区域

要在 CSS 中设置一个具有四边渐变和中间空白的 Div 背景，你可以使用 'linear-gradient' 属性来创建渐变背景，并使用 'background-position' 属性来控制渐变的位置。

下面是一个示例代码：

div {
  width: 200px;
  height: 200px;
  background: linear-gradient(to right, red, yellow, green, blue);
  background-position: 50% 50%;
  background-clip: content-box;
  padding: 20px;
}

在这个示例中，我们创建了一个 200px x 200px 的 Div，并使用 'linear-gradient' 属性在背景上创建了一个从红色到黄色到绿色再到蓝色的渐变。'to right' 指定了渐变的方向为从左到右。

然后，我们使用 'background-position' 属性将渐变的位置设置为 50% 50%，这将使渐变从 Div 的中心开始。最后，我们使用 'background-clip' 属性将背景剪裁到内容框盒子，从而在 Div 的中间创建一个空白区域。

你可以根据需要调整这些值来适应你的设计。