css - 使锚标记拉伸为其背景图像的大小

Question

我正在尝试将图标显示为数字后面的背景图像。

<a id="youhavemail" href="messages.php">0</a>

#youhavemail {
  background-image: url("images/mail.png");
  background-repeat: no-repeat;
  background-size: 20px auto;
}

但由于锚标记中只有一个字符（在本例中为“0”），它只显示图像的一小部分。

有没有办法拉伸包含锚以显示整个背景图像？

Answer 1

#youhavemail {
  background-image: url("http://linenwoods.com/images/offline.png");
  background-repeat: no-repeat;
  background-size: 20px auto;
    display: inline-block;
    width:20px;
    height: 20px;
}