-->

2010/03/17

【Blogger】為文章內的圖片加上細框

通常教學文章中的捉圖,如果直接放到日誌上,感覺起來就沒什麼質感,但是如果能加上一點邊框,整個圖片感覺就會完全的不同,不過若是每次插入圖片都要手動一張張的加,那也太辛苦了點,因此上網找了一下解決的方法,原來只要加上一點CSS的語法就能讓blogger自動幫圖片上框喔!

1、看一下原本的樣子,圖片沒框線,感覺就很怪,分不出到底是捉圖還是內文。

2、進入後台後,選【範本設計工具】。

(我使用了測試版的編輯系統,目前還屬於測試版,想使用的人可以透過http://draft.blogger.com 進入。)
3、點選【進階】 –> 【新增CSS】

4、貼入以下的語法。
.post img{
border:1px solid #ccc ;padding: 4px;
}



5、預覽一下,完工。

參考資料:http://apprro.blogspot.com/2008/12/blogger_19.html

沒有留言:

張貼留言

1、歡迎留言討論。
2、請勿發表不當訊息。
3、請勿張貼廣告。