[CSS] 設定Code圖案的CSS

在網頁上看到很多人在寫CSS筆記的時候都會將code特別標示，
看起來就清楚明瞭，因此特地找了做法仿效!

於HTML樣版中新增這一段CSS

code
{
display: block;
font-family: Courier New;
font-size: 8pt;
overflow:auto;
background: #f0f0f0 url(Code邊圖網址) left top repeat-y;
border: 1px solid #ccc;
padding: 10px 10px 10px 21px;
max-height: 200px;  /*height:200px; // for IE6*/
line-height: 1.2em;
}


[Blog] 在blogger的文章裡貼source code的方法

在blogger撰寫文章時，選擇HTML模式。在要貼入的程式碼前先加入

<pre style="background-color: #eeeeee; border: 1px dashed #999999; color: black; font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace, Courier New; font-size: 13px; line-height: 15px; overflow: auto; padding: 8px; width: 90%;">

將encode後文字貼到上列程式碼後，貼完後記得加上

</pre>

即可完成。

【參考網站】在 Blogger 文章裡貼貼 source code 程式碼的方法