我是CSS的新手，我正在尝试更改UL>；的项目符号样式。李如下：

对不起，图像质量较差，它是一个圆圈内的绿色勾号。

我的代码是：

<代码>UL{显示：Flex；Flex-Direction：列；list-style-type：方形；}

<代码><；UL>；<；Li>；ullamco laboris nisi ut aliquip ex ea commodo consequence<；/Li>；<；Li>；酒后驾车：在令人厌恶的环境中忍受痛苦。<；/Li>；<；Li>；Ullamco Laboris Nisi Ut Aliquip ex ea Commodo Consequat.杜伊斯·奥特Irure Dolor in Reprehenderit in Voluptate Velit esse Cillum Dolore欧盟法无明文不为罪。<；/Li>；<；/UL>；

顺晟科技：

正如我在评论中提到的，检查给定的代码片段，了解如何使用伪类更改图像的项目符号样式。

我在这里使用了ul { display: flex; flex-direction: column; list-style-type: square; }来在每个 <ul> <li>Ullamco laboris nisi ut aliquip ex ea commodo consequat.</li> <li>Duis aute irure dolor in reprehenderit in voluptate velit.</li> <li> Ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. </li> </ul>之前附加标记图像。

让我知道这是否有效。

<代码>UL{显示：Flex；Flex-Direction：列；列表样式：无；}李{显示：Flex；}李：在{内容：' '；显示：inline-block；高度：15px；宽度：15px；最小宽度：15px；background-image：URL（https：//www.citypng.com/public/uploads/preview/-316225804095zek9ufozk.png'）；背景大小：70%；右边距：5px；背景重复：无重复；边界半径：50%；边框：2px纯绿色；背景-位置：中心；}

<代码><；UL>；<；Li>；ullamco laboris nisi ut aliquip ex ea commodo consequence<；/Li>；<；Li>；酒后驾车：在令人厌恶的环境中忍受痛苦。<；/Li>；<；Li>；Ullamco Laboris Nisi Ut Aliquip ex ea Commodo Consequat.杜伊斯·奥特Irure Dolor in Reprehenderit in Voluptate Velit esse Cillum Dolore欧盟法无明文不为罪。<；/Li>；<；/UL>；

你可以做

<代码><；UL类="；我的形象"；>；<；Li>；ullamco laboris nisi ut aliquip ex ea commodo consequence<；/Li>；<；Li>；酒后驾车：在令人厌恶的环境中忍受痛苦。<；/Li>；<；Li>；Ullamco Laboris Nisi Ut Aliquip ex ea Commodo Consequat.杜伊斯·奥特Irure Dolor in Reprehenderit in Voluptate Velit esse Cillum Dolore欧盟法无明文不为罪。<；/Li>；<；/UL>；

然后在CSS中，您可以使用list-style-image：URL（' your-image.PNG '）来设置它的样式。

::before