CSSの設定

Question

は、次のように私はリンクを持っていると言うアンカーのimgソース：

<a class="addthis_button_facebook"><img src="twitter.png" /></a> 

：

   <a class="addthis_button_facebook"></a> 

が可能ですようになり、最終的にように、このリンクのIMG属性を設定するには、CSSで

私が試したように

img { background-color：black; }

しかし

Answer 1

があなたのアンカーの背景を設定しようとしている無喜び？

a.addthis_button_facebook { background:url('twitter.png') no-repeat; display:block; width:32px; height:32px; } 

公正であることをが... Facebookのボタンは、Facebookのアイコンを使用する必要があります。）

Answer 2

リンクのない「IMG」属性がありません。

イメージをリンクとして使用しようとしている場合は、imgタグをaタグの内側に置いて、2番目のブロックでイメージを使用してみましょう。 CSSを使用した背景として画像を設定するには

、あなたは

a.addthis_button_facebook { 
    background-image:url('twitter.png'); 
} 

Answer 3

を行うことができますねえ、あなたは、このようなとして、画像の高さに応じて行の高さをアンカータグで背景画像を定義し、左パディングを与え、与えることができます。

のCss

.addthis_button_facebook{ 
    background:url('http://dummyimage.com/50/000/fff.jpg') no-repeat 0px 0px; 
    padding-left:60px; 
    display:inline-block; 
    line-height:50px; 
}​ 

HTML

<a class="addthis_button_facebook">Hello this is your link</a>​ 

ライブデモここhttp://jsfiddle.net/rohitazad/PQ4q2/