css li显示为数字

在HTML中，我们可以通过使用有序列表（ol）来呈现有序的数字列表，但在某些情境下，我们想要自定义数字的样式或在非有序列表中呈现数字，这时候就需要使用CSS来实现。下面我们将介绍如何使用CSS让li显示为数字。 首先，我们需要为li元素设置样式，这可以通过以下代码完成：

    li {
        list-style: decimal;
    }

在这个例子中，我们使用list-style属性为li元素设置样式，而decimal参数表示我们想要显示十进制数字。除了decimal，还有其他选项可以选择，如lower-roman（小写罗马数字）和upper-alpha（大写字母）等。 接下来，我们可以在HTML中按如下方式使用li元素：

    
以下是我的任务列表：
    

        
完成网站重构
        
写一篇技术博客
        
学习一门新技能
    

当我们在浏览器中查看这段代码时，会发现li元素被显示为1、2、3三个数字，这说明我们已经成功地设置了li元素的样式。 最后，需要指出的是，我们也可以使用CSS中的counter相关属性来实现更加自定义化的数字样式，但这超出了本篇文章的范围。如果你感兴趣，可以进一步研究这个主题。