leven en laten leven

先進入天空部落格的 css 編輯介面:
登入->功能設定->樣板設定->編輯 CSS 檔

找到 DIV.commentBody 的文字
加上以下文字
1. background:#色碼;
->幫回應區加上底色, 就可以做出框的效果

2. border: #色碼 1px dotted;
->把回應區四邊用框線框起來
就我所知, 框線可做出以下幾種效果
A. 實線 solid
B. 點狀的虛線 dotted
C. 線狀的虛線 dashed
D. 內凹 inset
E. 浮凸 outset

如果不喜歡回應區的四邊都有框線
可以個別作設定:
a. 上面 border-top
b. 下面 border-bottom
c. 右邊 border-right
d. 左邊 border-left

如果希望框線有更花俏的變化
我不知道是否可以用 code 控制
我只知道可以自己畫一張背景圖
把中間留白
外框部份做出花樣
然後把圖片上傳
最後再把圖片上傳後的網址放在 background 那段文字裡面

3. color:#色碼;
->變更文字的顏色

如果要進一步修改框跟文字的距離
就加上或調整以下兩個項目:
(以下是以 firefox 瀏覽器做說明, IE 請自行調整)
1. margin:10px;
->回應區的外框與其它項目的距離
如果想四個邊個別調整
可以個別作設定:
a. 上面 margin-top
b. 下面 margin-bottom
c. 右邊 margin-right
d. 左邊 margin-left

2. padding: 4px;
->回應區的外框與文字的距離
如果想四個邊個別調整
可以個別作設定:
a. 上面 padding-top
b. 下面 padding-bottom
c. 右邊 padding-right
d. 左邊 padding-left

色碼的部份請自己填入想要的顏色
想找色碼的話
可以上網找
也可以開啟 photoshop 起來試試看

px 應該是 pixel
px 前面的數字可用來調整文字大小, 框線粗細或距離遠近
--在 border 那段使用, 可調整框線粗細
(數字越大, 框線越粗)
在 margin 和 padding 那兩段使用, 則可調整距離遠近
(數字越大, 距離越遠)

以上的說明應該也適用於其他部落格*
大家可以自己拿去試試看
說明內容有任何疏漏
請指正
謝謝!

---

備註:
1. DIV.commentBody 可能是天空特有的標籤
其他部落格未必一樣
但應該也可以找到 comment 的字樣...
2. 進入 css 編輯介面的方式
各部落格不太一樣
請自己試試看囉
(樂多: 登入->Blog 樣式設定->個人化設定)