如何将图标放在我想要的地方?

时间:2011-08-24 19:21:30

标签: html icons image

在我网页标题中的图标的当前HTML代码中,我使用代码:

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

这使我的图标非常靠近,彼此相邻,但带有“|”它们之间。

有人可以推荐任何优选的HTML代码示例,这样可以让我更具体地放置图标而不使用“|”在他们之间。

(请原谅我以前对我的问题的不良解释!)

1 个答案:

答案 0 :(得分:0)

您可以使用CSS内联HTML,如下所示:

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