CSS kullanarak bir bağlantı etiketine nasıl resim eklenir?

Question

Bağlantı etiketi bir görüntü kullanarak bir düğmeyle görünüyorum, ancak tarayıcıda hiçbir şey göstermiyor. Bu benim defa kodudur

...

HTML

<span> 
    <a id="knapNyhed" href="file:///E:/Projekt_skolespil/hjemmeside/index.html"></a> 
</span> 

CSS

.knapNyhed{ 
    background-image: pic/knap_nyhed_layout_00.png; 
    width:226px; 
    heigth: 50px; 
    margin: 0 2px 0 2px; 
} 

sen benim düğmesini göremiyorum neden yardımcı olabilir Umut

Answer 1

Eklemek zorundasınızveya display:inline-blocka etiketleri varsayılan olarak display:inline olarak ayarlanmıştır ve satır içi öğeler width, height veya margin'a sahip olamaz.

Arka plan görüntüsünü çalışmak için url'u eklemelisiniz. Lütfen bu URL'nin css dosyanıza göre olduğunu unutmayın.

#knapNyhed { 
    display:block; 
    background-image: url(pic/knap_nyhed_layout_00.png); 
    width:226px; 
    heigth: 50px; 
    margin: 0 2px 0 2px; 
} 

Answer 2

Sen url() böyle

ile dosyaya yolunu surrond zorunda:

background-image: url('pic/knap_nyhed_layout_00.png');