在 CSS 樣式中,有一個(gè)用于控制文本樣式的屬性叫做text
,它可以控制文本的字體、顏色、大小、裝飾等等。下面我們來(lái)逐一介紹這些屬性。
text-align
text-align
控制文本的水平對(duì)齊方式,可以設(shè)置為 left、center 或 right,分別表示左對(duì)齊、居中對(duì)齊和右對(duì)齊。例如:
p { text-align: center; }
text-decoration
text-decoration
控制文本的裝飾效果,可以設(shè)置為 underline、overline、line-through 和 none,分別表示下劃線、上劃線、刪除線以及無(wú)任何裝飾。例如:
a { text-decoration: underline; }
text-transform
text-transform
控制字母大小寫的轉(zhuǎn)換,可以設(shè)置為 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
控制文本的首行縮進(jìn)。例如:
p { text-indent: 2em; }
line-height
line-height
控制行高,即每行文本之間的距離。例如:
p { line-height: 1.5; }
以上便是常用的 CSS Text 屬性的介紹,能夠幫助我們更好地控制文本的樣式,實(shí)現(xiàn)更豐富的網(wǎng)頁(yè)效果。
上一篇51 css
下一篇css tr td 劃線