BloggerのテンプレートのHTMLのhead内に追記。
<style type='text/css'>
/* 外枠を追加 */
.syntaxhighlighter {
border: 1px solid #aaa;
border-radius: 3px;
}
/* 偶数行目の背景色を変更 */
.syntaxhighlighter .line.alt2 {
background-color: #f8f8f8 !important;
}
td.gutter .line.alt2 {
background-color:#e6e5e1 !important;
}
</style>
参考ページ
SyntaxHighlighterのデザインをカスタマイズ変更する
ソースコードを美しく公開する方法 - 「SyntaxHighlighter」の使い方
0 件のコメント:
コメントを投稿