Html 跨距内每个字母的方框边框

我的跨度如下所示

    <span style="font-size:18px; font-weight:bold;">8342</span>

8342

如何使用css在该范围内的每个数字周围放置一个黑框

我想要它就像下图一样

试试这个：-

span{
边框：2件纯黑；
显示：内联；
}

8
3.
4.
这是可能的，但有点复杂。
您需要字体monospace和背景图像，将每个字母放在另一个跨距中，或者用javascript将每个字母拆分！
下面是一个没有javascript的解决方案：


span{
背景图像：url（“http://3.bp.blogspot.com/-4oAWWCcNNz4/Tjr3nKNyVUI/AAAAAAAAPLU/Pouua-pNsEY/s1600/sq.gif");   
背景尺寸：20px；
字体系列：monospace；
字体大小：13px；
左侧填充：5px；
字母间距：12px；
字体大小：粗体；
}
8342
请检查此

<span style="font-size:18px; font-weight:bold;" class="test">8342</span>

.pwn{
 border: 2px solid black ;
  display: inline;  
}

var text= $(".test").html();
 $(".test").html('');
for(i=0;i<=text.length-1; i++)
{
var html = text.substr(i,1);
var sp="<span style='font-size:18px; font-weight:bold;' class='pwn'>" + html
sp+=" </span> &nbsp;";
$(".test").append(sp);
}

8342
pwn先生{
边框：2件纯黑；
显示：内联；
}
var text=$（“.test”）.html（）；
$（“.test”）.html（“”）；
对于（i=0；iYou不能。您首先需要将每个数字都包装成它自己的元素。好的，谢谢，但这个问题不值得向下投票，我认为除了使用JavaScript将字符拆分外，Razia的答案是您唯一的选择。我不会对每个数字使用单独的跨度，因为数据来自整个服务