在hugo主题中，我想用css更改markdown单反引号突出显示颜色答案

【问题标题】：In hugo theme,I want to change markdown single backtick highlight color with css在hugo主题中，我想用css更改markdown单反引号突出显示颜色
【发布时间】：2017-09-03 12:21:54
【问题描述】：

我不确定我的问题是否清楚，因为我对 css 一无所知。

我想更改 Hugo 主题中的 markdown 单反引号突出显示颜色。例如This is an example。

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

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

非常感谢。

【问题讨论】：

标签： html css themes backticks hugo

【解决方案1】：

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

【讨论】：

【解决方案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 标签。背景颜色更改背景颜色，颜色更改字体/文本颜色。

【讨论】：

感谢卡姆登拉蒙斯。对不起，我的问题不清楚。我不想更改博客背景，而只想更改单个反引号文本中的背景。

【解决方案3】：

如果你的 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*/
}

【讨论】：

亲爱的 wahdan，非常感谢您的及时回复。我不想更改博客背景，而只想更改单个反引号文本中的背景。
@Dong ok 我编辑了我的代码并在 p 标签中添加了 span 标签