Come aggiungere un'immagine a un tag di ancoraggio usando CSS?

Question

Sto facendo un tag di ancoraggio come un pulsante utilizzando un'immagine, ma non mostra nulla nel browser.

Questo è il mio codice finora ...

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; 
} 

spera che possiate aiutare con il motivo per cui non riesco a vedere il mio tasto

Answer 1

È necessario aggiungere display:block o display:inline-block come tag a sono impostati su display:inline per impostazione predefinita e gli elementi in linea non possono avere un width, height o margin.

Per ottenere un'immagine di sfondo funzionante è necessario aggiungere url. Si prega di notare che questo url è relativo al tuo file css.

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

Answer 2

Dovete surrond vostro percorso di file con l'URL()

come questo:

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