在 hugo 主题中，我想用 css 更改降价单反引号高亮颜色

Question

我不确定我的问题是否清楚，因为我不知道 css。

我想更改 Hugo 主题中的降价单反引号高亮颜色。例如 This is an example.

在上面的文字“This is an example”中，背景颜色为灰色，字体颜色为黑色。如何更改背景颜色和字体颜色？

我不想更改博客的背景。只有 ** 单反引号`` 文本**。

非常感谢。

Answer 1

如果您的 html

中有这样的 p 标签

<p><span class='sample'>This is an example</span></p>

在您的 css 文件中，您可以在行中添加这些内容以更改字体颜色和背景。

.sample{
 color: #ffffff; /*to change font color*/
 background-color:#F48024; /*to change background color*/
}

Answer 2

要更改背景颜色和字体颜色，您需要使用 CSS。 CSS 非常容易学习。下面是更改背景颜色和字体颜色的代码。

<!DOCTYPE html>
<html>
<head>
<style>
p{
background-color: black;
color: white;
}
</style>
</head>
<body>
<p>If you run this code you will see the background change to black and the font color change to white. </p>
</body>
</html>

在样式标签中，我们正在更改 p 标签。 background-color 改变背景色，color 改变 font/text 颜色。

Answer 3

在我的 Hugo 模板中，反引号高亮显示在 <code> 标签中。因此，将 CSS 样式 code 标签添加到您喜欢的任何背景。

在 hugo 主题中，我想用 css 更改降价单反引号高亮颜色

In hugo theme,I want to change markdown single backtick highlight color with css

html

css

themes

backticks

hugo