Html 如何将图标放置在我想要的位置?

Html 如何将图标放置在我想要的位置?,html,icons,image,Html,Icons,Image,在我当前网页标题中图标的HTML代码中,我使用以下代码: <a href=''><img src=''/></a> | <a href=''><img src''/></a> | 这使得我的图标非常接近,彼此相邻,但中间有一个“|” 有谁能推荐一些更好的HTML代码示例,让我能够更具体地放置图标,并且在图标之间没有“|” (请原谅前面对我的问题的拙劣解释!)您可以使用CSS与HTML内联,如下所示: <a href

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

<a href=''><img src=''/></a> | <a href=''><img src''/></a>
|
这使得我的图标非常接近,彼此相邻,但中间有一个“|”

有谁能推荐一些更好的HTML代码示例,让我能够更具体地放置图标,并且在图标之间没有“|”


(请原谅前面对我的问题的拙劣解释!)

您可以使用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>

梅努特姆先生{
保证金:0px 10px 0px 10px;
}
然后将其用作HTML:

<a href='' class='menuItem'><img src=''/></a> <a href='' class='menuItem'><img src''/></a>

更多详细信息会有所帮助