文繞圖

介紹一下編輯文章時文繞圖的做法,其實是加入一點CSS語法。

進入文章編輯

先在文字編輯區中加入一些內容及圖片:

1. 切換至程式碼模式。
2. 在圖片<img>段落前加入 <p style="float:right;margin:20px 20px 10px 10px">
3. floar:right 是向右對齊,改成left 就是向左囉。
4. margin 是設定圖片的上右左下各要留的空間大小。
5. 發表文章。

看效果

Previous Lesson: 加入<閱讀全文>或<繼續閱讀>標籤 Table of Contents Next Lesson: 自行設定豐富的線上編輯器工具列