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;}
猜你喜欢
1、
css pre显示行数