Html 将背景图像和自定义项目符号应用于css标题

因此，我的

应该有单独的自定义图案背景和前面的单独图像项目符号。问题是，我无法将这两种样式元素都应用为背景图像（我听说您可以使用CSS3制作多幅bg图像？但我现在想尝试一种更兼容跨浏览器的方式。）

html:

现在，我尝试这样做，以在css中获得

前面的项目符号图像：

#content > h1:before {background: url("bullet1.png") no-repeat left;}

我可以在我的

周围添加另一个div，并在其上应用模式，而项目符号直接在

上。有没有其他更聪明的方法来达到我想要的效果呢

---

谢谢

是的，除非有内容，否则前后都不起作用

你也可以这样做

#content h1:before{
  content:"";
  width:50px;
  height:50px;
  background:url('images/bullet.png');
}

---

好的，只是玩了一会儿，让它来处理这个：

#aboutme>h1:before{content:url（../img/personal.png）；}

我想为

h1:before

设置背景图像是我有点愚蠢。很抱歉听起来合乎逻辑：）谢谢你的回复

#content > h1:before {background: url("bullet1.png") no-repeat left;}

#content h1:before{
  content:"";
  width:50px;
  height:50px;
  background:url('images/bullet.png');
}