CSSを使用してアンカータグに画像を追加するにはどうすればよいですか？

Question

画像を使用してアンカータグをボタンのように見せていますが、ブラウザには何も表示されません。これは、これまでの私のコードです

...

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

あなたは私が私のボタンを見ることができない理由に役立つことを願って

Answer 1

display:blockまたはdisplay:inline-blockとしてaのタグはデフォルトでdisplay:inlineに設定され、インライン要素はwidth,heightまたはmarginを持つことはできません。

背景画像を取得するには、urlを追加する必要があります。このURLはあなたのCSSファイルに関連していることに注意してください。

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

Answer 2

あなたは、URL（）このような

のファイルにパスsurrondする必要があります。

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