CSS 文本

通過(guò)使用CSS，我們可以控制文本樣式。例如，我們可以更改文本顏色，我們可以控制文本對(duì)齊，縮進(jìn)，字母間距等。

文本顏色

color 屬性設(shè)置文本的顏色。

我們可以使用以下方式指定顏色。

• HEX值 - 如“＃ff00ee”
• RGB值 - 如“rgb（255,0,255）”
• 顏色名稱 - 如“紅色”

以下代碼將標(biāo)題1設(shè)置為紅色。

h1 {
    color: red;
}

文本對(duì)齊

text-align指定文本塊的對(duì)齊方式

它的可能值是：start end left right center justify。

以下代碼顯示應(yīng)用于文本塊的 text-align 屬性。

p#left {
    text-align: left;
}
p#center {
    text-align: center;
}
p#right {
    text-align: right;
}
p#justify {
    text-align: justify;
}

文本修飾

text-decoration 對(duì)文本塊應(yīng)用修飾，如下劃線。

其可能的值為： none underline overline line-through blink 。

默認(rèn)值為none，不應(yīng)用修飾。

以下代碼顯示如何使用text-decoration和text-transform屬性。

p  {
    text-decoration: line-through;
    text-transform:  uppercase;
}
p.one {
    text-decoration: underline;
}
p.two {
    text-decoration: overline;
}
p.three {
    text-decoration: line-through;
}
p.four {
    text-decoration: underline overline line-through;
}

文本變換

text-transform 將變換應(yīng)用于文本塊。

其可能的值為： none capitalize uppercase lowercase。

默認(rèn)值為none。

以下代碼顯示如何使用text-decoration和text-transform屬性。

span.lower {
    text-transform: lowercase;
}
span.upper {
    text-transform: uppercase;
}
span.capitalize {
    text-transform: capitalize;
}
span.example {
    background: pink;
}

相關(guān)屬性