Html 显示表外的内容

我正在尝试对自定义div表的所有行进行编号，该表显示内容之外的数字，您可以在下面显示的图像上看到这些数字。 但我不知道如何使用css，如果有人能帮我想出一个好主意的话。 我尝试过使用：before并添加内容，但我不知道为什么不起作用：|

以下是一个示例：

.table{
显示：表格；
边框：0px实心#444；
边界塌陷：塌陷；
}
.行{
显示：表格行；
}
.细胞{
显示：表格单元格；
填充：2px；
边框：1px实心#ccc；
}
.标题{
字体大小：粗体；
文本对齐：居中；
}

1.
2.
3.
4.
1.
团队
获胜
损失
PCT
2.
公牛
29
18
.617
3.
步行者
28
19
.596
4.
雄鹿
25
21
.617

以下是一个示例：

.table{
显示：表格；
边框：0px实心#444；
边界塌陷：塌陷；
}
.行{
显示：表格行；
}
.细胞{
显示：表格单元格；
填充：2px；
边框：1px实心#ccc；
}
.标题{
字体大小：粗体；
文本对齐：居中；
}

1.
2.
3.
4.
1.
团队
获胜
损失
PCT
2.
公牛
29
18
.617
3.
步行者
28
19
.596
4.
雄鹿
25
21
.617

您可以为此使用css计数器

在行上的伪元素中显示它们：

.table{
显示：表格；
边框：2px实心#444；
边界塌陷：塌陷；
左边距：50像素；
边缘顶部：50px；
}
.行{
显示：表格行；
位置：相对位置；
}
.细胞{
显示：表格单元格；
填充：2px；
边框：1px实心#ccc；
}
.标题{
字体大小：粗体；
文本对齐：居中；
位置：相对位置；
}
.行：第n个子项（n+2）{
反增量：rowno；
}
.行：第n个子项（n+2）：：之前{
内容：柜台（rowno）；
位置：绝对位置；
左：30px；
}
.row:第一个孩子：：之前{
内容：“；
位置：绝对位置；
左：30px；
}
.标题{
反增量：colno；
}
.header：：之前{
内容：计数器（colno）；
位置：绝对位置；
顶部：-30px；
}

团队
获胜
损失
PCT
公牛
29
18
.617
步行者
28
19
.596
雄鹿
25
21
.617

您可以为此使用css计数器

在行上的伪元素中显示它们：

.table{
显示：表格；
边框：2px实心#444；
边界塌陷：塌陷；
左边距：50像素；
边缘顶部：50px；
}
.行{
显示：表格行；
位置：相对位置；
}
.细胞{
显示：表格单元格；
填充：2px；
边框：1px实心#ccc；
}
.标题{
字体大小：粗体；
文本对齐：居中；
位置：相对位置；
}
.行：第n个子项（n+2）{
反增量：rowno；
}
.行：第n个子项（n+2）：：之前{
内容：柜台（rowno）；
位置：绝对位置；
左：30px；
}
.row:第一个孩子：：之前{
内容：“；
位置：绝对位置；
左：30px；
}
.标题{
反增量：colno；
}
.header：：之前{
内容：计数器（colno）；
位置：绝对位置；
顶部：-30px；
}

团队
获胜
损失
PCT
公牛
29
18
.617
步行者
28
19
.596
雄鹿
25
21
.617

用带有数字的单元格制作s。只在s周围加上边框。用带有数字的单元格做s。只在s周围加边框。嘿，我喜欢你的想法，但不幸的是顶部计数器不起作用：（只有左侧计数器起作用。在你的问题中，你说我正在尝试对a的所有行进行编号…很高兴这对你有帮助：-）嘿，我喜欢你的想法，但不幸的是顶部计数器不起作用：（只有左边的计数器起作用。在你的问题中，你说我正在尝试对a的所有行进行编号…很高兴它帮助了你：-）