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

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

更新時間:2021-12-07 來源:黑馬程序員 瀏覽量:

IT培訓班

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

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

div {
    text-decoration:underline;
}

1638860064967_css文本屬性.png


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

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

CSS首行縮進

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

div {
    text-indent: 10px;
}

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

p {
    text-indent: 2em;
}

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

p {
    line-height: 26px;
}

CSS行間距.png

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





猜你喜歡:

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

CSS怎樣更換鼠標樣式?

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

css unicode字體是什么?

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

分享到:
在線咨詢 我要報名
和我們在線交談!