網路文章：使用Code框

由於未來撰寫文章的需要
所以去找了一下Code欄的製作方式
是在版面碼中加入額外的CSS控制碼即可

以下是方法：

在Blogger上撰寫程式碼時可以使用特別的code框來標記，方法如下：
1.把底下這段code加在前面html裡面
( 在[版面配置] > [修改HTML]裡，我是放在Body{ }前 )

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;更換


puyuma blog notes
RGB-色碼轉換成-HEX

~上面的code欄樣式是我自己改的，可以自己玩玩CCS的語法就會改了~