css pre显示行数

为了美化html5 pre标签里的代码，显示代码行数是不错的主意，但如何才能实现呢？

互广（IAW）广州网站建设实现代码如下：

pre{margin:10px;padding:10px;background: #000;color:white;line-height: 24px;counter-reset: line;}
pre code:before {counter-increment: line;content: counter(line); color: #999; display: inline-block;}
pre code:before {width: 2em; margin-right: 1em;border-right:solid 1px #6F6F6F;}