如何让 png 图片充当按钮？

Question

我是第一次使用 Dreamweaver 进行编码。我的 HTML 水平为中级。

我一直在尝试使用 png 文件作为按钮。我发现一些消息来源表明...

<button src=Home_button> </button>    

...会起作用，但我已经尝试过，但无济于事，它不起作用。有什么建议么？

---

笔记：

我还使用 CSS 来构建这个非常基本的网站。

Answer 1

只需添加background-image到您的按钮即可。

<button id="home_button">click me</button>

然后添加：

#home_button {
  background-image: url(...);
}

当然，您可能需要为其添加进一步的样式，例如宽度和其他背景属性，以使其恰到好处。但这就是向按钮添加背景图像的方法。

这也是一个工作演示：

<button id="home_button">click me</button>

#home_button {
  background-image: url(...);
}