愛貓‧愛吃‧愛攝影

在網頁中如果要像word一樣將段落排得整整齊齊，
必須要靠CSS的語法幫助....
尤其是凸排真的會讓人抓狂，
在網路上搜尋到最簡單清楚的一篇教學是：天地教網站http://www.tienti.tw/?q=node/240
內容如下：
網頁中的文字及圖形是以HTML及CSS語言來編排呈現，本篇教學僅介紹幾個常用到的HTML及CSS語法，以利作者編排文字，方便讀者閱覽。

1、<p>    </p>      段落標記，用來標示一個段落的範圍。

2、<b>    </b>      粗體標記，用來標示粗體字的範圍。

3、<p style="  ">    </p>    CSS在HTML中的寫法。

4、font-size: large;    CSS語言，選擇「large」的字型大小。

5、text-indent: 2em;    CSS語言，首行縮排，em表示字元，此例為首行退縮2個字元（英文字母為0.5字元），負號表示為首行凸排。

6、margin-left: 2em;    CSS語言，左邊界，此例為段落的所有行皆退縮2個字元。

7、margin-top: 12px;    CSS語言，上邊界，此例為段落的上邊界下移12px（負值為上移）。

使用方式：
<p style="text-indent: -2em; margin-left: 4em; margin-top: -12px;">       </p>

未加HTML+CSS語言：

利用text-indent及margin-left兩個語法可以控制段落的縮排、首行縮排或凸排，以便於讀者了解文章段落的層階概念。而margin-top: -12px是因為程式預設段落之間有12px的間隔，設定-12px可以把兩段落的間隔移除

轉載自綿羊與小豬