首頁 >web前端 >css教學 >css中的文字屬性有哪些

css中的文字屬性有哪些

王林
王林原創
2020-11-18 17:10:424755瀏覽

css中的文字屬性有:1、顏色屬性color;2、文字對齊屬性text-align;3、裝飾文字屬性text-decoration;4、文字縮排屬性text-indent;5、行間距屬性line-height。

css中的文字屬性有哪些

css中的文字屬性有:

(學習影片分享:css影片教學

1、文字顏色

color屬性用來定義文字的顏色

div {
color:red;
}

css中的文字屬性有哪些

#開發中最常用的是十六進位

2、對齊文字

text-align屬性用於設定元素內文字內容的水平對齊方式

div {
text-align:center;
}

css中的文字屬性有哪些

##3 、裝飾文字

text-decoration屬性規定加入到文字的修飾,可以為文字新增底線、刪除線、上劃線等。


div {
text-decoration:underline;
}

css中的文字屬性有哪些

4、文字縮排

text-indent屬性用來指定文字的第一行的縮進,通常是將段落的首行縮排。


div {
text-indent:10px;
}

透過設定該屬性,所有元素的第一行都可以縮排給定的長度,甚至該長度可以是負值。


p {
text-indent:2em;
}

em是一個相對單位,就是目前元素(font-size)1個文字的大小,如果目前元素沒有設定大小,則會依照父元素的1個文字的大小。

5、行間距

line-height屬性用來設定行間的距離(行高),可以控製文字行與行之間的距離。


p {
line-height:26px;
}

相關推薦:

CSS教學

以上是css中的文字屬性有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn