首字加大賦予顏色

我的部落格首字放大和變色框線的效果是用 CSS 處理的， 好像也是修改網友的作品 Code 吧 :) 總之，就是如果大家喜歡的話歡迎複製回去囉(當然可以修改，恩!)

最近發現 (好吧，我承認我是後知後覺) CSS 處理小部分的網頁變化，很快速又很簡單。除非網頁真的要大大的加上變化和處理才會需要 JScript 的幫忙，有了 CSS 和 JavaScript 的互相應用可以讓我們得到意想不到的驚喜， :) 說的 好像健達蛋蛋喔。

#cap {
float: left;
color: white;
background: #D78B00;
border: 0px solid;
font-size: 30px;
line-height: 30px;
}

使用方式:

將要標記字的id="cap"，就可以囉 :)

Blogger 顯示程式碼

我實在弄不出來大作 dp.SyntaxHighlighter ，設定 CSS 和 Javascript 的調整
還是不能出現，後來重新到 Google 搜尋之後找到一段 CSS 語法
放上 Blogger 還真的能跑，上傳到 Google Pages 先暫時將外連，方便修改咩 :)

還好網路上高手一堆，參考的原文 ，正宗出處 [Blog]文章中引用程式碼的作法。
這段精美的CSS語法，直接放到裡面就可以跑囉 ^^

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

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

##CONTINUE##
引述作者紀錄 :

在貼HTML code時要注意一下，括號會被browser當作tag讀掉，所以如果要貼括號的話，要用下列的字元更換！

< 用 &lt; 更換

> 用 &gt;更換

& 用 &amp;更換

張貼程式碼的方法 :

將程式碼置於<pre class="code">和</pre>之間。

如果真的要用 "<"，">"，"&" 那還是會有一點點的小麻煩，
不過還算夠用只要能讓我將程式碼貼在部落格，這就是最大的幸福了 :)