首頁(yè)技術(shù)文章正文

CSS如何裝飾文本、定義文本屬性?

更新時(shí)間:2021-12-07 來(lái)源:黑馬程序員 瀏覽量:

IT培訓(xùn)班

CSS Text(文本)屬性可定義文本的外觀,比如文本的顏色、對(duì)齊文本、裝飾文本、文本縮進(jìn)、行間距等。

1.裝飾文本:text-decoration 屬性用來(lái)規(guī)定添加到文本的修飾??梢越o文本添加下劃線、刪除線、上劃線等。

div {
    text-decoration:underline;
}

1638860064967_css文本屬性.png


CSS Text(文本)屬性可定義文本的外觀,比如文本的顏色、對(duì)齊文本、裝飾文本、文本縮進(jìn)、行間距等。

2.文本縮進(jìn):text-indent 屬性用來(lái)指定文本的第一行的縮進(jìn),通常是將段落的首行縮進(jìn)。

CSS首行縮進(jìn)

text-indent 屬性用來(lái)指定文本的第一行的縮進(jìn),通常是將段落的首行縮進(jìn)。

div {
    text-indent: 10px;
}

通過設(shè)置該屬性,所有元素的第一行都可以縮進(jìn)一個(gè)給定的長(zhǎng)度,甚至該長(zhǎng)度可以是負(fù)值。

p {
    text-indent: 2em;
}

em是一個(gè)相對(duì)單位,就是當(dāng)前元素(font-size) 1 個(gè)文字的大小, 如果當(dāng)前元素沒有設(shè)置大小,則會(huì)按照父元素的1 個(gè)文字大小。
3.行間距
line-height 屬性用于設(shè)置行間的距離(行高)??梢钥刂莆淖中信c行之間的距離。

p {
    line-height: 26px;
}

CSS行間距.png

文本屬性總結(jié):
1638859929837_圖片4.png





猜你喜歡:

box-sizing的屬性及作用詳細(xì)介紹【CSS3】

CSS怎樣更換鼠標(biāo)樣式?

CSS 三大特性:層疊性、繼承性、優(yōu)先級(jí)

css unicode字體是什么?

黑馬程序員web前端開發(fā)培訓(xùn)

分享到:
在線咨詢 我要報(bào)名
和我們?cè)诰€交談!