按钮图像上的 HTML 文本？

Question

我正在设计我的第一个网站。我在 gimp 中设计了一个按钮图像并将其保存为 jpg。我想将此按钮用作网站上的导航按钮。我应该为每个按钮制作一个单独的图像 (jpeg) 还是只使用一个图像然后使用 HTML 在页面上的图像顶部叠加文本？这里的最佳做法是什么？

Answer 1

通常在这种情况下，您只需使用 CSS，方法是设置应作为导航按钮的元素的背景属性。

例如你可以有一个ul:

<ul>
  <li><a href="link">Button1</a></li>
  <li><a href="link">Button2</a></li>
  <li><a href="link">Button3</a></li>
</ul>

然后使用 background-image 或类似样式在您的 css 中设置样式，看看 here举一些例子..