2016-05-10  115 评论

Crayon Syntax Highlighter代码框修改为圆角阴影

Crayon Syntax Highlighter是一个很好的代码高亮的插件,本站也用到很多。

默认的代码框是直角的,如何改成圆角的,再加上阴影呢。

首先我们要知道圆角和阴影的css代码

然后到Crayon Syntax Highlighter相应主题CSS样式下面修改,譬如github

位于plugins/crayon-syntax-highlighter/themes/github/github.css

修改里面的.crayon-theme-github添加上面样式即可

更多样式可以根据上面方法自行修改

PS:如果该插件升级,可能css样式要重新修改

给我留言

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: