大家好，今天我们来学习一下CSS中如何实现段首四个空格的功能。 如果我们在HTML中使用text-indent属性来实现段首缩进的效果，会发现它只能指定一个固定的长度值，而不能自定义空格个数。这时候，我们可以使用CSS中的“四空格”字符代替固定长度的空格来实现段首四个空格的效果。 具体实现方法如下： 首先，在CSS中定义pre标签的样式：

pre {
white-space: pre-wrap;
font-family: monospace;
font-size: 1rem;
display: block;
padding: 0.5rem;
margin-bottom: 1rem;
border-radius: 0.5rem;
background-color: #f8f8f8;
}

在这段代码中，我们将white-space属性的值设置为pre-wrap，就可以让文本中的空格和换行符保留下来。同时，我们还将font-family属性设置为monospace，让所有字符的宽度相等，以达到“四空格”的效果。为了让代码块更加美观，我们还设置了一些其他的样式。 接下来，在需要实现“四空格”效果的段落中，我们可以使用pre标签来将其包裹起来：

<p>  这里是需要缩进的段落内容</p>

其中， 代表一个宽度和字体大小相等的空格，每使用一次就代表一个"四空格"字段。 这样就完成了段首四个空格的效果。希望这篇文章可以帮助大家更好地掌握CSS的技巧，让网页开发变得更加高效和美观。