在css中 加入下面code
用這個方法來做programming的筆記真的很方便

ps. 還有另一個不錯的方法
syntaxhighlighter,我目前使用上還會有程式碼斷行的問題,等問題解決了在放上來



code{
display: block; /* fixes a strange ie margin bug */
font-family: Courier New; font-size: 11pt;
overflow:auto;
background: #f0f0f0 url(http://chenkaie.googlepages.com/Code_BG.gif) left top repeat-y;
border: 1px dashed #333;
padding: 5px 5px 5px 20px;
max-height:200px;
line-height: 1.2em; margin: 5px 5px 0 15px;
}

在blog貼上source code時記得加上

<code>
........source code.......
</code>

 

不過在貼html code時要注意一下
括號會被browser當作tag讀掉,所以如果要貼括號的話,要用下列的字元更換!

  1. < 用 &lt; 更換
  2. > 用 &gt;更換
  3. & 用 &amp;更換

 

Reference:
1. 想要旅行的念頭卻停不住...
2. 清新?健康?專業?
3. 欄杆拍遍 - Thinking Aloud
4. Kaie's Blog

5. 良人的大秘寶

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 philip 的頭像
    philip

    Philippe's Expérience Note

    philip 發表在 痞客邦 留言(0) 人氣()