如何将图标应用于使用CSS的链接？

Question

我想知道如何将图像添加到与FF，IE和Opera浏览器兼容的CSS链接？

Answer 1

将背景设为您的链接图标和填充到您的图标的宽度的左侧。

a { 
    padding-left: 10px; 
    background: transparent url(link_icon.png) no-repeat center left; 
} 

Answer 2

将链接添加一个background-image。

您可以使用边距，填充和background-position来更改背景图像的显示位置。

Answer 3

a { 
    display:block; 
    width:10px; 
    height:10px; 
    background:url(/images/image.png) 0 top; 
    padding-left:5px 
    } 

背景位置的x坐标在0，然后垫标签