網誌正文 字色、字體、背景 ... 語法

喜歡原創 不隨波遂流!
引用請用原文、節錄教學請注明出處、歡迎回應取用!

記得將所需語法全部加入一個自定欄位放於總共一對 <style></style> 之間包着即可!!

**若你慣用的自定欄位輸入空間巳爆滿, 請用新的放入語法! 中文註解可於消化後, 只用英文部份, 省卻空間!



1. 正文內容的文字、字形等我以住每篇用 html 設定的, 想想轉背景時不可能每篇去修改配襯, 要統一基調字色, 還是用 Css 設定方便些!

又免卻用圖文編輯器插圖時, 文字有時變大變小的煩腦!

1. 語法:

/*正文內容頂部留 15px作距離、字大 20px、字形標楷體、字紫色、文字置中*/

#article-single .bd .content{padding-top:15px;font-size:20px;font-family:"標楷體";color:purple;text-align:center;}

**語法裏用的: text-align:center; 把圖文都一併置中了! 預設靠左, 無需調較!


2. 像我版型版主欄巳有圖案有框的或者選擇在正文內容配底圖作背景的話可用語法如下:

2. 語法:

/*正文內容四邊各留 15px作距離、加入背景圖、字黑色*/

#article-single .bd .content{padding:15px;background:url(圖片網址);color:black;}


3. 如想每篇有不同背景、字色等等, 可轉到 HTML 編輯器, 只須把語法加入如下:

3.1. <div style="padding:15px;background:url(圖片網址);font-size:20px;font-family:標楷體;color:purple;">文章內容</div>

*** 註解: 正文內容四邊各留 15px作距離、加入背景圖、字大 20px、字形標楷體、字紫色


3.2. 轉回文字編輯器把"文章內容"換你的真正圖文發表即可!


引用: 小格: 古典花紋填充圖(上)


**顏色可用英文或六位色碼 ~ 如字紫色:

color:purple 或 color:#7F007F


**語法造句技巧 ~ 請參閱: 語法積木 ~ 如何砌積木?


*如非作教學用途, 謝絕素材性引用!!

*** 測試、制作圖文及編寫下過心機, 用過時間,
引用本文請連同我 blog Logo  一併帶走!