按钮显示为文本，而不是图像

Question

我怎样才能让它显示一个图像而不是文本？

<p>
  <a class="btn" onclick="link" target="_blank"
     href="http://www.onestopequineshop.com/product_images/Size%20Charts/Horze.jpg" >
      Size Chart
  </a>
</p>

Answer 1

<p><a class="btn" href=
    "http://www.onestopequineshop.com/product_images/Size%20Charts/Horze.jpg"
    onclick="link" target="_blank"><img src=
    "http://www.clker.com/cliparts/K/K/o/K/N/d/blue-button-hi.png"></a></p>

http://jsfiddle.net/a9ngh8w8/

Answer 2

你可以做很多事情：

1)图像输入：

<input type="image" src="path/to/your/image" title="size chart" />

2)按钮内的图片：

<button type="button"><img src="path/to/your/image" alt="size chart" /></button>

3)锚点内的图片：

<a href="#" role="button" target="_blank"><img src="path/to/your/image" alt="size chart /></a>

其中"path/to/your/image“是"http://www.onestopequineshop.com/product_images/Size%20Charts/Horze.jpg”

Answer 3

您可以尝试使它成为一个实际的按钮，方法是将其设置为div，而不是链接的图片。

标记用于定义HTML文档中的部门或部分。标签用于对块元素进行分组，以便使用CSS格式化它们。提示和备注。提示:元素经常和CSS一起使用，用来设计网页的布局。-www.w3學s.com/tags/tag_div.asp

要学习有关div的教程，请转到http://www.codecademy.com/courses/web-beginner-en-f8mcL/2/1