|Blogger 學習Note|‧|CSS|‧在文章裡顯示優質的程式碼區

效果
.comment-body-author {
margin:0;
padding:0 0 0 20px;
background-color:#C0C0C0;
}

修改方法--
1.在Template加入CSS
CODE {
display: block; /* fixes a strange ie margin bug */
font-family: Courier New;
font-size: 8pt;
overflow:auto;
background: #f0f0f0 url(http://klcintw.images.googlepages.com/Code_BG.gif) left top repeat-y;
border: 1px solid #ccc;
padding: 10px 10px 10px 21px;
max-height:200px;
line-height: 1.2em;
}


2.發文時在文章中將程式碼置於<code></code>區塊中即可，如：
<code>.comment-body-author {
margin:0;
padding:0 0 0 20px;

background-color:#C0C0C0;
}
</code>


原文連結:良人的大秘寶: [筆記]在文章裡顯示優質的程式碼區
參考文章:在Blog貼"html code"的一些tips