網(wǎng)頁設計時我們常常需要設置段落左縮進,這樣可以讓文章更美觀,易讀。CSS中設置段落左縮進兩字符非常簡單。
p{ text-indent: 2em; }
其中,text-indent
是CSS中專門控制縮進的屬性,2em
表示縮進2個字母的寬度(em是一種相對單位,是指當前元素字體大小的倍數(shù))。
當然,如果我們想要將段落左縮進四個字符,只需要將2em
改為4em
就可以了。
除此之外,我們還可以用padding
屬性來實現(xiàn)段落左右都有留白的效果。
p{ padding: 0 1em; }
上述代碼表示段落左右留白一個字母的寬度,需要注意的是,padding
屬性也是相對于文本大小計算,所以不同字體大小對應的留白大小也不同。
以上是CSS段落左縮進的簡單介紹,有了這個知識點,網(wǎng)頁設計中設置段落樣式會更加得心應手。