在不同文本类型的a.link后面是形状/元素？

Question

我正在尝试创建一个形状，该形状将出现在网站上的文本链接后面。我已经在网上和这里的论坛中进行搜索，可能是我的无知，但似乎找不到任何匹配的反应来证明这是如何实现的，与我尝试的方式类似。理想情况下，该形状不会干扰文本对齐，并且可以放置在某些文本后面，也可以超出文本容器的边缘，例如用于不同大小的文本。 h1或p等。

我已附上一个示例，说明我要使用不同大小的文本实现的目的。

任何帮助将不胜感激。如果不是很明显，我是使用html和css进行构建的新手，所以请原谅任何无知。

各种文字类型背后的形状示例

编辑1：我已经尝试过这个jsfiddle [dot] net / broahhhh / 2pstw693 / 15 /，但是图像会自动重复以适合文本大小，并且会在文本的边缘切掉。

欢呼