html - 我需要使用哪个 CSS 来将一段文本标记为突出显示？

Question

在我的网络应用程序中，我想突出显示一段文本，使其看起来像是有人用某种颜色对其进行了绘制。 Medium 应用程序也使用了这种效果。

(我想在这里展示这个效果的图像，但是 stackoverflow 不允许我发布它，因为我还没有足够的声望点数。)

我需要什么样的 CSS 和/或 HTML 标记才能实现这一目标？

附带说明:我的应用程序是用 React 编写的。

Answer 1

你需要使用语义 <mark> 为此的标记:

<p>This is some <mark>marked text</mark>.</p>

然后您可以使用 CSS 以任何您想要的方式设置样式:

mark {
  background-color: HotPink;
}

<p>This is additional <mark>marked text</mark>.</p>