與眾不同的程式碼區塊(補充)

在之前一篇「與眾不同的程式碼區塊」提到經常在一些 Blogger 看到教學內容「程式碼」的特別區塊是如何做到的；它的原理就是定義一個全域的「標籤(tag)」來使用，所以我們可以發現 <code> </code> 並不只是在文章裡可以用，就連「側邊欄(Side)」也可以使用喔。

如果我們確認只要在文章內使用時，只要將 code{} 改成 .post code{} 就可以了。

.post code { display: block; /* fixes a strange ie margin bug */ font-family: Courier New; font-size: 9pt; overflow:auto; border: 1px solid #ccc; padding: 5px 5px 5px 20px; max-height:200px; line-height: 1.2em; margin: 5px 0 0 15px; }