Css 如何使背景图像适合包含的锚元素？

我正在尝试设计一个带有图像背景的链接，问题是如果图像太大，我如何使用css使其适合锚定的宽度和高度

<a href="#"></a>
<style>
 a
 {  
    display: block;
    padding: 5px 12px;
    border: 1px solid black;
    width: 10px;
    height: 10px;
    background-image: url('/Scripts/images/downarrow_blue.png');
    }
</style>

A.
{  
显示：块；
填充物：5px12px；
边框：1px纯黑；
宽度：10px；
高度：10px；
背景图片：url（'/Scripts/images/downarrow_blue.png'）；
}

蒂亚，

---

css2.1中的Lina背景图像无法调整大小，尽管css3支持该属性，但尚未广泛实现

background-size: 10px 10px;

明显的替代方法是只使用

标记：

但你可能有理由不这么做，对吧

其他选择可能是

• 将
  元素的大小改为图像的大小
• 本地调整图像大小，并以其他文件名上载
• 使用服务器端预处理器（如PHP或ASP）以所需大小传递图像

---

是的，我确实有理由将其用作背景，因为我必须更改悬停时的图片，谢谢：）对于我来说，背景大小是解决方案，但我还必须使用宽度和高度属性。如果您不知道图像的大小（或应用此属性的任何其他元素），请输入代码“背景大小：100%100%”应该有用。

<a href="#"><img src="mybg.png" alt="" style="width:10px; height:10px" /></a>