內嵌程式碼

   這幾天一直想一個問題,我想在我的部落格放區塊程式碼,於是就到GOOGLE大神,搜尋"註解部落格<部落格放程式>",怎麼找都不對,一直跑出註解,心理OS該不會又打錯關鍵字吧! 果然 XD!

   找到這一個本人覺得還蠻COOL的!
在HTML加上這段CODE,就可放 程式 區塊.

code {
display: block;
font-family: 'Courier New';
font-size: 9pt;
overflow: auto;
border: 1px solid #ccc;
padding: 10px 10px 10px 21px;
max-height: 1200px;
line-height: 1.2em;
letter-spacing: 0px;
color: #000;
background: #ccc url(http://abinlee.link.googlepages.com/BG_CODE.gif) left top repeat-y;
}

code.cmd {
font-size: 10pt;
color: #ccc;
background: #000 url(http://abinlee.link.googlepages.com/BG_CMD.gif) left top repeat-y;
}


假設以後有一段程式碼或命令要表示，就把 HTML 的原始碼寫成像是:


　＜code＞這是原始碼＜/code＞
　＜code class='cmd'＞這是命令＜/code＞


就可以顯示成下面這樣啦！

這是原始碼
這是命令

test C++


#include
#include

using namespace std;

int main(int argc, char *argv[])
{

system("PAUSE");
return 0;
}



原文載至
ABIN'S TECH NOTE
http://abintech.twidv.com/2006/11/blog-post_7922.html