在CSS中，可以使用text-indent屬性來設(shè)置文本前面的空格數(shù)量，這個屬性可以指定文本塊中首行文本的縮進程度，以下是一些示例代碼，展示如何使用text-indent屬性來實現(xiàn)文本前面的空格：

示例1：設(shè)置文本前面的空格為2em

p {
  text-indent: 2em;
}

示例2：設(shè)置文本前面的空格為50px

p {
  text-indent: 50px;
}

示例3：使用負值來設(shè)置文本前面的空格為-10px

p {
  text-indent: -10px;
}

示例4：設(shè)置文本前面的空格為1.5em，并設(shè)置文本顏色為藍色

p {
  text-indent: 1.5em;
  color: blue;
}

示例5：使用CSS變量來設(shè)置文本前面的空格

:root {
  --text-indent-value: 3em;
}
p {
  text-indent: var(--text-indent-value);
}

示例6：設(shè)置文本前面的空格為10%，并設(shè)置字體大小為16px

p {
  text-indent: 10%;
  font-size: 16px;
}

示例7：使用媒體查詢來根據(jù)屏幕大小設(shè)置不同的文本前面的空格值

p {
  text-indent: 2em; /* 默認縮進 */
}
@media (min-width: 600px) {
  p {
    text-indent: 3em; /* 屏幕寬度大于600px時的縮進 */
  }
}

示例8：設(shè)置文本前面的空格為40px，并添加背景顏色為黃色和邊框樣式為2px的實線邊框

p {
  text-indent: 40px; /* 設(shè)置縮進 */
  background-color: yellow; /* 設(shè)置背景顏色 */
  border: 2px solid; /* 設(shè)置邊框樣式 */
}