WFU

2015年7月10日 星期五

如何在寫文章時,輕鬆加入文字框(Blockquote)


在談這一個問題之前,先請大家到下面的網站,看一下待會要用的設定中
有關「文字顏色」、「邊框顏色」的顏色代碼。
色碼對照表網址

選好之後,請先到範本設定中,選擇「自訂」,如下圖:

進入之後,接著點選「進階」,然後再按「新增CSS」,會出現一個內容框。

接著,把下面「blockquote設定語法」,整個選取起來,然後複製到上圖的「新增自訂CSS」框中,然後按下右上角的「套用至網誌」。
blockquote {
color: #000000; /*內文顏色*/
font-size: 12pt; /*內文字體大小*/
background: #f5f5f5 /*框框背景*/;
border: 2px /*邊框粗細*/
        solid #ff0000; /*邊框格式及顏色*/
padding: 2px 2px 2px 2px;/*框內文字距離框邊的距離,分別是上,右,下,左*/
line-height: 2em;/*行距*/
}
在上面的CSS語法中,我已經將語法的用途稍微註明一下了,如果大家有興趣,可以自行調整。(顏色代碼請回到本篇文章,前面提到的那個網站中選擇)

在設定完CSS語法後,回到「發表文章」的選項中
以後只要在寫文章時,按下下面的按鈕,就可以看到這些內容被框在框框內了。

這樣的設定,應該會很方便吧^__^

當然,這是最簡單的設定及標示而已
如果大家有興趣的話,可以點選下面的網址,
會有很多網站介紹更漂亮的用法及設定的。