Html 如何设置标题中每个符号的样式

我正在玩弄样式符号，希望通过给字母之间的每个点实际的朋友标志的颜色来尝试样式这个标题。我想知道做这件事最好的方法是什么。可以在HTML中更改符号颜色吗？如果是，使用不同ID制作

p

标签是设置圆点样式的唯一方法吗？以下是标题：

<header> F&#8226;R&#8226;I&#8226;E&#8226;N&#8226;D&#8226;S </header>

F•；R•；我•；E•；N•；D•；s

---

注意：我只想使用HTML和CSS来实现这一点，而不是使用Javascript或JQuery

我建议您使用

标记围绕每个符号，并分别使用“id”作为目标

看起来是这样的：

F•；R•；我•；E•；N•；D•；S

---

您不希望使用

标记来设置符号样式，因为它们会在每个字母之间创建新行。

只需将每隔一行或所需的符号放入span标记中，并使用类或内联样式属性对其进行着色，如代码中最后两行所示

.red{
颜色：红色；
}
蓝先生{
颜色：蓝色；
}
格林先生{
颜色：绿色；
}
布朗先生{
颜色：棕色；
}
.橙色{
颜色：橙色；
}

---

F•；R•；我•；E•；D•；S

您可以使用

span

标记，这些标记具有

class

属性并符合类的CSS规则（可以重用）

.red{
颜色：红色；
}
蓝先生{
颜色：蓝色；
}
格林先生{
颜色：绿色；
}
黄先生{
颜色：黄色；
}
.橙色{
颜色：橙色；
}
布朗先生{
颜色：棕色；
}

---

F•；R•；我•；E•；N•；D•；我只是想说我指的是符号而不是字母，但你马上就把它修好了。只是想澄清一下，span标记不会产生新行吗？我不明白为什么这里的代码运行程序没有将所有内容都放在新行@Johannesno，默认情况下span标记是内联的，这就是为什么它们是这种情况下的首选