css计数器自动生成序号

CSS 计数器

CSS 计数器通过一个变量来设置，根据规则递增变量。

---

使用计数器自动编号

CSS 计数器根据规则来递增变量。

CSS 计数器使用到以下几个属性：

• counter-reset - 创建或者重置计数器
• counter-increment - 递增变量
• content - 插入生成的内容
• counter() 或 counters() 函数 - 将计数器的值添加到元素

 

案列

使用 CSS 计数器:

HTML 教程

CSS 教程

JavaScript 教程

注意: IE8 需要指定 !DOCTYPE 才可以支持该属性。

 

 

案列2

{% extends 'query.html' %}

{% block content %}
    
    
    {% for user_info in user_one %}
        

            

                
     -- 姓名：{{ user_info.name }} / 性别：{{ user_info.sex }} /
                    生日：{{ user_info.birthday }} /
                    电话：{{ user_info.user_info.phone }} / 地址：{{ user_info.user_info.addr }} --
            
        
        
    {% endfor %}
{% endblock %}

转载于:https://www.cnblogs.com/shizhengquan/p/10839061.html