CSS中怎么让文字缩进

在CSS中，有一种方法可以让文字缩进，那就是通过text-indent属性来实现。我们可以在p标签中使用text-indent属性，来让文字在段落中进行缩进。
例如，如果我们想要让一段文字缩进20个像素，我们可以这样写CSS代码：
pre {
white-space: pre-wrap; /* 预格式化代码 */
font-family: monospace; /* 使用等宽字体 */
background-color: #f5f5f5; /* 设置背景颜色 */
padding: 10px; /* 设置内边距 */
border-radius: 5px; /* 设置圆角 */
}
p {
text-indent: 20px;
}
在上述代码中，我们首先通过pre标签来定义一个代码块，在代码块中使用了一些样式属性，例如white-space、font-family等。这些属性主要是用来让代码块看起来更加整洁、美观。
而在p标签中，我们使用了text-indent属性，将文字缩进了20个像素。这样，在网页中显示出来的效果就是，在第一行的文字前面会有一个20个像素的空白区域，从而让文字与其他内容进行区分，使得页面更加美观、易读。
总的来说，通过text-indent属性，我们可以很方便地实现文字的缩进效果，从而让页面的层次结构更加清晰、易读。无论是在网页设计中，还是在写作中，这种方法都是非常实用的。