文字顏色

顏色屬性被用來設定文字的顏色。

顏色是通過CSS最經常的指定：

• 十六進位制值 - 如:＃FF0000
• 一個RGB值 - 如:RGB(255,0,0)
• 顏色的名稱 - 如:red

參閱CSS 顏色值檢視完整的顏色值。

一個網頁的背景顏色是指在主體內的選擇：

例項

body {color:red;}
h1 {color:#00ff00;}
h2 {color:rgb(255,0,0);}

文字的對齊方式

文字排列屬性是用來設定文字的水平對齊方式。

文字可居中或對齊到左或右,兩端對齊.

當text-align設定為"justify"，每一行被展開為寬度相等，左，右外邊距是對齊（如雜誌和報紙）。

例項

h1 {text-align:center;}
p.date {text-align:right;}
p.main {text-align:justify;}

文字修飾

text-decoration 屬性用來設定或刪除文字的裝飾。

從設計的角度看 text-decoration屬性主要是用來刪除連結的下劃線：

例項

a {text-decoration:none;}

也可以這樣裝飾文字：

例項

h1 {text-decoration:overline;}
h2 {text-decoration:line-through;}
h3 {text-decoration:underline;}

文字轉換

文字轉換屬性是用來指定在一個文字中的大寫和小寫字母。

可用於所有字句變成大寫或小寫字母，或每個單詞的首字母大寫。

例項

p.uppercase {text-transform:uppercase;}
p.lowercase {text-transform:lowercase;}
p.capitalize {text-transform:capitalize;}

賽事前瞻

文字縮排

文字縮排屬性是用來指定文字的第一行的縮排。

p {text-indent:50px;}

所有CSS文字屬性。

letter-spacing 與 word-spacing：

h1{
    letter-spacing:30px;
}
...
<h1>letter spacing</h1>

letter-spacing 這個樣式使用在英文單詞時，是設定字母與字母之間的間距。

如果想設定英文單詞之間的間距，可以使用 word-spacing 來實現。如下程式碼：

h1{
    word-spacing:30px;
}
...
<h1>word spacing</h1>

漢字的間隔調節也是用 letter-spacing 來實現的。

因為中文段落裡字與字之間沒有空格，因而 word-spacing 通常起不到調整間距的作用。