html – 如何使用CSS风格代码列表?

我想在HTML文档中使用CSS显示编程语言代码片段以及HTML代码。我想要缩进和固定宽度的字体…我在想像这样的东西:
<blockquote style="some_style">
my code here
my code here also
</blockquote>

并以格式良好的方式出现(如果是彩色代码,则不需要加值)。

如何使用CSS完成这个?

解决方法

这个JavaScript库似乎很好:

https://highlightjs.org/

更新:我也使用这个在我的基于Tumblr的博客,因为它是最容易部署:

https://github.com/google/code-prettify

我也使用了这一个(一些额外的功能):

http://alexgorbatchev.com/SyntaxHighlighter/

相关文章

vue阻止冒泡事件 阻止点击事件的执行 &lt;div @click=&a...
尝试过使用网友说的API接口获取 找到的都是失效了 暂时就使用...
后台我拿的数据是这样的格式: [ {id:1 , parentId: 0, name:...
JAVA下载文件防重复点击,防止多次下载请求,Cookie方式快速简...
Mip是什么意思以及作用有哪些