2007年3月20日 星期二

為文章的程式碼加上好看的程式框

這是從良人的大密寶所學到的方法,只要加上一些CSS設定,想加上程式框的程式碼只要置於<code> </code>區塊中即可。簡單又好用。
CSS的設定如下:

CODE  {
display
: block; /* fixes a strange ie margin bug */
font-family
: Courier New;
font-size
: 8pt;
overflow
:auto;
background
: #f0f0f0 url(http://klcintw.images.googlepages.com/Code_BG.gif) left top repeat-y;
border
: 1px solid #ccc;
padding
: 10px 10px 10px 21px;
max-height
:200px;
line-height
: 1.2em;
}

沒有留言:

Harry

Harry

亭妤

亭妤