如何將圖標應用於使用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，然後墊標籤