html - 将普通图像放入CSS

Question

我想要在 CSS 类中显示如下图右侧所示的元素符号，这样我就可以在行中提及样式，而不必每次都插入图像。由于图像随着新主题不断变化，我想放入 CSS。

It needs to be in the row of the table individually and cant be in list.

我的CSS如下，但是不行

.ABP2_Bullet {
width: 13px;
height: 13px;
src: url("../../../../CBTShared.edu/CBTShared.doc/src/images/CATBulletBlue3_IF_WE.png");
 background-repeat: no-repeat;
overflow: hidden;}

我尝试的另一种选择是

.bullet_IfWe{
list-style-image:url(../images/CATBulletBlue3_IF_WE.png);
list-style-position:inherit;}

Answer 1

图像的 src 属性不是 CSS 属性，不能设置样式。 list-style-image 属性只能用于设置用于元素符号列表中每个元素的图像的样式(例如，ol/li ), 不适用于其他元素*。

您可以通过在非图像元素上使用 background-repeat: none 设置 background-image 来获得与您所描述的相似效果 和适当的 background-position。详细信息将取决于周围的 HTML。

---

*:从技术上讲，可以使用 display: list-item 将任何元素转换为元素符号列表，但通常不建议这样做。