我试图在HTML中为我建立的社交媒体网站做一个图标..如何创建一个独立的图标?

时间:2014-07-31 14:45:27

标签: html css icons

我基本上想要一个图像作为一个按钮,例如,看到堆叠Exchange旁边顶部的“最近的收件箱消息”?我想用自己的形象重新创造那个更多的东西。我怎么会这样做,我试过了:

<button type="button" name="test">
  <img src="C:/Trey/rs-logo.jpeg">
</form> 

但这没有用,任何人都可以提供帮助(对不起,如果我措辞严厉,英语[虽然我的母语]不是一个强点!

-Trey

2 个答案:

答案 0 :(得分:0)

您可以使用以下内容制作图像按钮:

<a href="#">
   <img src="yourImage.png">
</a>

这会创建一个图像元素,其周围有一个锚点,所以对于所有意图和目的,它都是一个&#34;图像按钮。&#34;你必须根据自己的喜好设计它。

更新

如果您将代码更改为

,您的代码也会有效
<button>
   <img src="yourImage.png">
</button>

您必须关闭按钮标记。这将创建一个丑陋的按钮,其中包含图像,但您可以使用CSS根据自己的喜好对其进行样式设置。

答案 1 :(得分:0)

您正在打开一个按钮并关闭一个甚至尚未打开的表单 你应该在第一时间使用。如何使用图像作为按钮不是我猜的最好的主意

<button type="button" name="test">
        <img src="C:/Trey/rs-logo.jpeg"/>
</button>

让你快速检查一下:http://jsfiddle.net/T2JRt/1/