将锚的背景图像定位在锚文本的左侧？

Question

我正在尝试获取我为锚点设置的背景图像作为图标，在锚文本旁边并调整大小 - 以便图像和文本相互串联，但我是不知道怎么做。

代码：

a {
    font-family: sans-serif;
    font-size: 14pt;
}

<a style="background: url('https://cdn1.iconfinder.com/data/icons/ninja-things-1/1772/ninja-simple-128.png');">
    Text here
</a>

Answer 1

试试这段代码。

＆＃13;

＆＃13;

a {
  font-family: sans-serif;
  font-size: 14pt;
  background-image: url('https://cdn1.iconfinder.com/data/icons/ninja-things-1/1772/ninja-simple-128.png');
  background-size: 15px;
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 15px;
}

＆＃13;

<a href="#">Text here</a>

＆＃13;

＆＃13;

＆＃13;