为我的网站制作一个代码框

Question

我正在制作一个会提供一些代码示例的网站。因此，如果可能的话，我希望用适当的缩进和不同颜色显示。

有谁能建议我这样做？

谢谢：）

Answer 1

您可以使用SyntaxHighlighter脚本。

Answer 2

您可以直接以这种方式使用它。您也可以根据需要更改它

<div style="height: 200px; width: 300px; overflow: auto;"><pre>CODE
 GOES HERE</pre></div>