Question

我正在尝试进一步自定义我的博客标题。这是我当前的博客标题：

Savannah's ❊ Secretaire

如何将中间符号的颜色更改为＃b32c20？我希望这些词保持黑色。如果有我可以添加的CSS代码，那就太好了。

谢谢。

Answer 1

如果您无法更改HTML，则可以使用渐变为文本着色，并且可以为符号应用特定的颜色。

h1 {
  display:inline-block;
  background: linear-gradient(to right, black 48%,#b32c20 48%, #b32c20 60%,black 50%);
  background-clip: text;
  color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

<h1>Savannah's ❊ Secretaire</h1>

渐变的值不是通用的，将取决于文本

Answer 2

您需要在中间符号周围添加一个跨度，如下所示：

Savannah's <span class="title-symbol">❊</span> Secretaire

然后像这样用CSS定位跨距：

.title-symbol {
     color: red; // put whatever color you want here
}

Answer 3

您可以通过使用span元素将特定属性应用于元素来更改符号的颜色。

HTML： ViewWillAppear()

CSS： <h1>Savannah's <span class="class">❊</span> Secretaire</h1>

将颜色更改为博客标题的一种元素

3 个答案: