在 CSS 樣式中,有一個用于控制文本樣式的屬性叫做text
,它可以控制文本的字體、顏色、大小、裝飾等等。下面我們來逐一介紹這些屬性。
text-align
text-align
控制文本的水平對齊方式,可以設置為 left、center 或 right,分別表示左對齊、居中對齊和右對齊。例如:
p { text-align: center; }
text-decoration
text-decoration
控制文本的裝飾效果,可以設置為 underline、overline、line-through 和 none,分別表示下劃線、上劃線、刪除線以及無任何裝飾。例如:
a { text-decoration: underline; }
text-transform
text-transform
控制字母大小寫的轉換,可以設置為 uppercase、lowercase 和 capitalize,分別表示大寫字母、小寫字母和首字母大寫。例如:
h1 { text-transform: uppercase; }
letter-spacing
letter-spacing
控制字符之間的間距。例如:
p { letter-spacing: 1px; }
word-spacing
word-spacing
控制單詞之間的間距。例如:
p { word-spacing: 5px; }
text-indent
text-indent
控制文本的首行縮進。例如:
p { text-indent: 2em; }
line-height
line-height
控制行高,即每行文本之間的距離。例如:
p { line-height: 1.5; }
以上便是常用的 CSS Text 屬性的介紹,能夠幫助我們更好地控制文本的樣式,實現更豐富的網頁效果。
上一篇51 css
下一篇css tr td 劃線