css设置背景中间空白四周红色

要实现这个效果，你可以使用background-image和background-position属性来设置背景图片，并使用background-color属性设置背景色。

首先，你需要创建一个空白的图片，并将其命名为blank.png（或者你自己喜欢的其他名称）。这个图片可以是一个完全透明的图片，尺寸为你想要的中间空白的大小。

然后，你可以使用以下CSS代码来设置背景：

body {
  background-image: url('blank.png'), url('red.jpg');
  background-position: center center, center center;
  background-repeat: no-repeat, no-repeat;
  background-color: red;
}

这个例子中，我们将blank.png和red.jpg两个图片作为背景图片。blank.png放在了第一层，red.jpg放在了第二层。background-position属性设置了两个图片都居中显示。background-repeat属性设置了两个图片都不重复。最后，background-color属性设置了背景色为红色。

请确保将blank.png和red.jpg的路径替换为你自己的图片路径，并根据需要调整图片的尺寸和其他样式