有時候我們會在BLOG上面分享程式碼,為了讓程式碼標誌的更清楚,通常會將其底色改變, 最近參考了
Kaie's Blog1.新增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>
3.由於html會自動解讀以下三個符號,所以需使用下方三個變數表示
將 < 以 &lt; 取代
將 > 以 &gt; 取代
將 & 以 &amp; 取代
使用網頁轉換 :
Encode / Decode HTML Entities