普通段落，請注意，綠色
該段落定義了 class="ex". 該段落中得文字是藍色得
2.設定文字的背景顏色
本例顏色如何設定部分文字的背景顏色。
這是文字
這是文字
這是文字
3.規定字元間距
本例演示如何增加或減少字元間距。
this is header 4
4.使用百分比設定行間距
本例演示如何使用百分比值來設定段落中的行間距。
這是擁有標準行高的段落。
在大多數瀏覽器中預設行高大約是 110% 到 120%。
這是擁有標準行高的段落。
這是擁有標準行高的段落。
這是擁有標準行高的段落。
這是擁有標準行高的段落。
這是擁有標準行高的段落。
這個段落擁有更小的行高。
這個段落擁有更小的行高。
這個段落擁有更小的行高。
這個段落擁有更小的行高。
這個段落擁有更小的行高。
這個段落擁有更小的行高。
這個段落擁有更小的行高。
這個段落擁有更大的行高。
這個段落擁有更大的行高。
這個段落擁有更大的行高。
這個段落擁有更大的行高。
這個段落擁有更大的行高。
這個段落擁有更大的行高。
這個段落擁有更大的行高。
5.使用畫素值設定行間距
本例演示如何使用畫素值來設定段落中的行間距。
這個段落擁有更小的行高。
這個段落擁有更小的行高。
這個段落擁有更小的行高。
這個段落擁有更小的行高。
這個段落擁有更小的行高。
這個段落擁有更小的行高。
這個段落擁有更小的行高。
這個段落擁有更大的行高。
這個段落擁有更大的行高。
這個段落擁有更大的行高。
這個段落擁有更大的行高。
這個段落擁有更大的行高。
6.使用數值來設定行間距
本例演示如何使用乙個數值來設定段落中的行間距。
這是擁有標準行高的段落。
預設行高大約是 1。
這是擁有標準行高的段落。
這是擁有標準行高的段落。
這是擁有標準行高的段落。
這是擁有標準行高的段落。
這是擁有標準行高的段落。
這個段落擁有更小的行高。
這個段落擁有更小的行高。
這個段落擁有更小的行高。
這個段落擁有更小的行高。
這個段落擁有更小的行高。
這個段落擁有更小的行高。
這個段落擁有更小的行高。
這個段落擁有更大的行高。
這個段落擁有更大的行高。
這個段落擁有更大的行高。
這個段落擁有更大的行高。
這個段落擁有更大的行高。
這個段落擁有更大的行高。
這個段落擁有更大的行高。
7.對齊文字
本例演示如何對齊文字。
8.修飾文字
本例演示如何向文字新增修飾。
title
這是標題
這是個鏈結
9.縮排文字
本例演示如何縮排文字首行。
這是段落中的一些文字。
這是段落中的一些文字。
這是段落中的一些文字。
這是段落中的一些文字。
這是段落中的一些文字。
這是段落中的一些文字。
這是段落中的一些文字。
這是段落中的一些文字。
這是段落中的一些文字。
這是段落中的一些文字。
這是段落中的一些文字。
這是段落中的一些文字。
10.控制文字中的字母
本例演示如何控制文字中的字母。
this is some text in a paragraph.
this is some text in a paragraph.
this is some text in a paragraph.
11.在元素中禁止文字折行
本例演示如何禁止在元素中的文字折行。
這是一些文字。
這是一些文字。
這是一些文字。
這是一些文字。
這是一些文字。
這是一些文字。
這是一些文字。
這是一些文字。
這是一些文字。
這是一些文字。
這是一些文字。
這是一些文字。
12.增加單詞間距
本例演示如何增加段落中單詞間的距離。
title
this is some text. this is some text.
this is some text. this is some text.
CSS 文字例項
1 設定文字的顏色 color red color 00ff00 color rgb 0,0,255 2 增加或減少字元間距 letter spacing 0.5em letter spacing 20px 3 使用百分比值來設定段落中的行間距。line height 90 line height ...
CSS 例項之文字的凸起與凹陷
一些頁面會有一些凹凸文字效果，這個主要是設定背景 文字陰影來達成這個效果的。文字陰影使用方法如下 text shadow 水平位置 垂直位置 模糊距離 陰影顏色 具體 如下 body div div first child div last child body div 凸起 div div 凹陷 ...
css文字屬性 文字轉換（CSS屬性）
css文字屬性 text transform 文字轉換 繼承 this property controls if and how an element s text content is capitalized.此屬性控制是否以及如何大寫元素的文字內容。these style rules makeh...