2011-08-24 52 views
-3

在爲我的網頁的頭圖標我目前的HTML代碼,我使用的代碼:如何將圖標放在我想要的位置?

<a href=''><img src=''/></a> | <a href=''><img src''/></a> 

這使我的圖標的極端接近,旁邊的海誓山盟,而是用「|」它們之間。

有人可以推薦任何最好的HTML代碼示例,這將允許我更加具體地放置圖標,並且沒有「|」在他們之間。

(請原諒我的問題的昔日貧窮的解釋!)

+2

更多的細節將是有益的 –

回答

0

你可以使用與HTML CSS內嵌這將是這樣的:

<a href='' style='margin: 0px 10px 0px 10px'><img src=''/></a> <a href='' style='margin: 0px 10px 0px 10px'><img src''/></a> 

這增加了10px的邊距的左側和右側每個環節。

然而,在你的HTML頁面的頭部添加CSS將是一個更好的主意:

<style type="text/css"> 
.menuItem { 
margin: 0px 10px 0px 10px; 
} 
</style> 

,然後用此作爲HTML而不是:

<a href='' class='menuItem'><img src=''/></a> <a href='' class='menuItem'><img src''/></a> 
相關問題