List 使用div作为定义列表的背景图像？

这可能是一个以前已经问过的问题，但我找不到任何关于它的东西，而且有点奇怪，所以我想我应该在这里问它

我的问题是：是否可以使用

div

作为另一个对象的背景图像，在本例中是定义列表中的

dt

标记

我再解释一下。我有一个定义列表，在我的页面上组织要做的事情，

dt

是任务的标题，

dd

是任务的描述。我还有一个

div

浮动在

dt

左侧，样式类似于一个蓝色圆圈，我将其用作未读指示器。这在列表中的第一个

dt

和

dd

对上运行良好，但随后会导致其他对在其下面被全部砸碎

---

我也知道在列表中使用

div

s是不可取的，所以我的理想解决方案是使用

div

作为列表的背景图像，有点像Chris Coyier在这里做的那样：使用图像。如果没有，图像也可以，我只是想知道是否有任何方法可以使用

div

作为另一个元素的背景图像。非常感谢您的任何帮助

可以使用一个绝对定位的div，具有固定大小和低z指数，将其放置在dt后面

---

但是，我有点困惑，为什么要这样做，而不是直接在定义标签中添加背景图像。

我就是这样做的，因为我找不到解决方法。我的主要目标是使页面没有图像，这样它就可以更容易地跨不同大小/分辨率的显示器使用，因此我希望使用css使用div来制作形状（对我来说，在css中更改外观比一次又一次地返回并导出图像更容易）。