html - 将图像附加到第一个字母

Question

我有一个问题如何使用 CSS 将图像附加到 H1 的第一个字母？见图片有什么想法吗？

Answer 1

您可以尝试使用:before 伪类来附加图像。

示例:http://jsfiddle.net/8o0z6a8r/1/

<sytle>
h1:before {
    content: url(http://placehold.it/50x50);
    width: 50px;
    height: 50px;
    position: relative;
    top: 50px;
    left: 20px;
}
</style>

<h1>LINKBOUND's</h1>