美美的code框

想要一個美美的框框可以把code包起來,
還蠻簡單好用的..^^



1. 把底下這段code加在前面
code {
display: block;
font-family: 'Courier New';
font-size: 9pt;
overflow: auto;
border: 1px solid #82c534;
padding: 10px 10px 10px 21px;
max-height: 1200px;
line-height: 1.2em;
letter-spacing: 0px;
color: #000;
background: #e5e6da url(http://pinktealeaf.googlepages.com/code.gif) left top repeat-y;
}


2. 在編輯文章時,在程式碼前後加上<code>和</code>就可以啦。

3. 程式碼中的幾個符號要代換過才會秀出來

< 用 &lt; 更換
> 用 &gt;更換
& 用 &amp;更換

參考來源:http://www.puyumaweb.com/2008/03/blogger-code.html

留言

這個網誌中的熱門文章

[分享] 蔡依林五日纖體菜單大公開

[吳若權]真愛,是幸運、還是命運?

[吳若權]創造自己的價值