<h1>之前和之后重复的图片？

Question

我希望在H1标题的任意一侧重复使用虚线图案。

可以这样做吗？

注意：我的一些H1被放置在背景图像上，并不总是放在纯色上。

这是我要做的事情的截图

Answer 1

这是一个简单的JQuery解决方案。

<h1 class="dots">Jasper</h1>

<script language="javascript">
var dots = '.................';
$('.dots').prepend(dots);
$('.dots').append(dots);  
</script>

Answer 2

您可以使用CSS ::before和::after选择器。

jsFiddle：https://jsfiddle.net/4kqxj61e/