我需要帮助在标题中的页面链接后面添加图像

Question

让我们从我使用方形空间 CSS 代码注入器开始。我试图在文本链接后面放置一些图像（菜单、我们出售的产品、批发） 使用我的背景图像很难看到链接。我想添加小木板作为它们背后的图像。感谢任何帮助。

我的网站：www.slurpnsnack.com My website

编辑：我不想将背景图像添加到标题本身。我想知道是否有办法将图片本身附加到链接后面，或者只是如何将我自己的链接放在那里。

Answer 1

您的链接保存在一个带有 .header-nav-item 类的 div 中

所以 CSS 沿着这些思路：

.header-nav-item {
  color: white;
  background-image: url(wood.jpg);
}

应该足够了，尽管您可能希望根据您希望外观在各种尺寸的项目上的一致性以及您的图像的实际情况来调整背景定位和大小。