網頁文章的程式碼區塊

用 css 幫 blog 的文章裝扮一下，為了好區分文章的內文和程式碼，最後將寫好的 css 加入 BLOG 的範本裡，以後就很方便用了。

使用方式就是將程式碼用 <code></code>包起來，就用 css 的 code 當內容來顯示成果吧
code { display: block; font-family: Courier New; font-size: 80%; color: white; background-color: navy; padding: 10px 5px 5px 20px; white-space: pre; } code.cmd { background-color: black; }
又加了一個 cmd 用來顯示命令，unix用太多了，常會有這需求。
使用方式 <code class="cmd">command</code>，顯示如下
command

css 說明：
將 <code> 改成區塊元素(block element)，字型設定成 Courier New，字型大小為文章的 80%，字型顏色則是白色，背景改為深藍色(cmd改為黑色)，另外給上下左右都增加一些空間，最重要是加上 white-space: pre 將元素內的空白保留。