用CSS語法顯示程式碼／在網頁貼程式碼小技巧

參考來源：
良人的大秘寶: [筆記]在文章裡顯示優質的程式碼區http://klcintw4.blogspot.com/2006/11/blog-post_03.html
Craig's Blog: 程式碼區
http://khaihiok.blogspot.com/2006/11/blog-post_9384.html
思緒‧隨風飄落: 在blog呈現美觀的程式碼顯示區域
http://cfy-e.blogspot.com/2007/06/blog-post.html
Kaie's Blog: [CSS] A Cool blockquote for "Code style" and some blogging tips
http://chenkaie.blogspot.com/2006/11/css-cool-blockquote-for-code-style.html


code {
display: block; /* fixes a strange ie margin bug */
font-family: Courier New;
font-size: 8pt;
overflow:auto;
background: #101010 /*url(http://klcintw.images.googlepages.com/Code_BG.gif) left top repeat-y*/;
border: 1px solid #ccc;
padding: 10px 10px 10px 10px;
// max-height:200px;
line-height: 1.2em;
}

在Blog貼"html code"的技巧

將 < 以 &lt; 取代
將 > 以 &gt; 取代
將 & 以 &amp; 取代

自動轉換程式碼為網頁形式的網站
http://phpfi.com/