在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讀掉,所以如果要貼括號的話,要用下列的字元更換!
- < 用 < 更換
- > 用 >更換
- & 用 &更換
Reference:
1. 想要旅行的念頭卻停不住...
2. 清新?健康?專業?
3. 欄杆拍遍 - Thinking Aloud
4. Kaie's Blog
5. 良人的大秘寶
全站熱搜
留言列表