在css当中，我们可以通过设置特定的样式来显示行号，方便我们在编写代码时进行排版和调试。接下来，我们将介绍如何通过css来实现行号的显示。 首先，在我们的html文件中，我们需要使用pre标签来包含我们的代码。

<code>
这里是我们的代码
</code>

接着，我们需要使用css来为pre标签设置样式，这样我们才能实现显示行号的功能。 pre { counter-reset: line; /*重置计数器*/ font-size: 14px; /*设置字体大小*/ line-height: 1.5; /*设置行高*/ } code { display: block; /*将代码块显示为块级元素*/ position: relative; /*设置相对定位*/ } code:before { content: counter(line); /*在每一行的前面显示计数器*/ counter-increment: line; /*递增计数器*/ position: absolute; /*设置绝对定位*/ left: -2.5em; /*将计数器向左偏移*/ text-align: right; /*设置计数器居右显示*/ width: 2.5em; /*设置计算器的宽度*/ color: #999; /*设置计数器的颜色*/ } 通过上述的样式设置，我们就能实现在代码块的左侧显示行号的功能了。值得注意的是，在每次使用pre标签包含新的代码块时，我们都需要重置计数器。 这样，我们就完成了通过css设置显示行号的方法。使用这种方法，我们可以更加方便地排版和调试代码，提高开发效率。