Html 如何为单词或句子中的每个字符设置样式？

我试图显示我的网站访问者的计数。是否可以显示如下图所示的数字或文本

如果可以使用html和css，请建议我或告诉我其他修复方法

---

提前感谢….

我要做的是对每个字母使用

，如下所示：

<p><span id='num1'>1</span><span id='num2'>2</span><span id='num3'>3</span><span id='num4'>4</span>

1234

然后只需使用id为每个字母单独添加样式，或者只需为每个跨度添加内联样式

<span style='color:blue;'>1</span> and so on...

1等等。。。

这是可能的，但是每个数字都需要是单独的HTML元素的一部分，每个数字都具有相同的样式。因此，您需要根据您拥有的数量动态生成HTML。如果您硬编码HTML，那么如果明天计数增加到5位数，您将无法处理它。 所以它需要是JS、HTML和CSS。

很简单

只需将一个盒子的图像切成空白。并设置背景图像和repeat-x，以及每个字符的行距

例：

---

试试这个。

使用jquery几乎可以做到这一点

var text=$（'p'）.text（）
对于（var x=0；xYou可以为每个字母指定span并执行此操作，但仅通过css为每个字母指定一个句子或单词并指定css是不可能的。请将答案标记为正确，以便它可以帮助其他笨拙但非常聪明的人：）
.counter
{
width:auto; 
background: url('../images/box.png') repeat-x;
letter-spacing: 50px /* each box letter gap */
height:60px;
display:inline-block;
font: bold 20px arial;
color:#000;
text-indent:10px
}