在 HTML 中填充文本后面的颜色

当我们需要在 HTML 中填充文本后面的颜色时，可以使用以下方法：

1. 使用 background-color 属性

可以使用 CSS background-color 属性来为文本设置背景颜色，例如：

<h1 style="background-color: yellow;">Hello, World!</h1>

这会将文本 "Hello, World!" 的背景颜色设置为黄色。

2. 使用 ::before 和 ::after 伪元素

使用 ::before 和 ::after 伪元素可以为文本添加前缀和后缀，并为它们设置背景颜色。

<h1>
  <span>Hello</span>, <span>World</span>!
</h1>

<style>
  h1 span::before {
    content: "";
    background-color: yellow;
    display: inline-block;
    width: 1em;
    height: 1em;
  }

  h1 span::after {
    content: "";
    background-color: green;
    display: inline-block;
    width: 1em;
    height: 1em;
  }
</style>

这将为文本 "Hello" 添加一个黄色圆形前缀，为文本 "World" 添加一个绿色圆形后缀。

3. 使用 text-shadow 属性

使用 CSS text-shadow 属性可以为文本添加背景样式，例如：

<h1 style="text-shadow: 2px 2px yellow;">Hello, World!</h1>

这会将文本 "Hello, World!" 的背景样式设置为一个向右下方偏移 2px 和 2px，颜色为黄色的阴影。

以上是几种在 HTML 中填充文本后面的颜色的方法，开发者可以根据需要选择合适的方法来实现自己的需求。