CSS設置錨IMG源

說我有一個鏈接如下：CSS設置錨IMG源

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

是否有可能在CSS中設置這個鏈接的IMG屬性所以到底會是什麼樣子：

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

像我試過

a img背景顏色：黑色; }

，但沒有喜悅

來源

2012-04-11 StevieB

你們是不是要設置一個背景，你的錨？

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

雖然是公平的......一個Facebook按鈕應該使用Facebook圖標;）

來源

2012-04-11 03:24:25

羅，這是我試圖在IMG設置爲我的錨 – StevieB 2012-04-11 03:26:00

@StevieB剛纔例子你試過以上？ – 2012-04-11 03:26:29

我沒有得到預期的結果圖像顯示很小，而手動設置img src它看起來正常大小 – StevieB 2012-04-11 03:28:48

有一個環節沒有「IMG」屬性。

如果您只是想使用圖片作爲鏈接，那麼爲什麼不按照第二個塊中的方式進行操作，a標記中有img標記？

要使用CSS設置圖片爲背景，你可以做

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

來源

2012-04-11 03:28:08 ahruss

因爲我正在尋找一種方法來查看CSS中的img源代碼而不是標記 – StevieB 2012-04-11 03:35:02

嘿，你可以根據圖像的高度，這樣的錨標籤定義背景圖片，並給填充留下，並給線的高度。

的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/

來源

2012-04-11 04:02:05

CSS設置錨IMG源

回答

相關問題