首頁  >  文章  >  web前端  >  關於css文本屬性的詳細介紹

關於css文本屬性的詳細介紹

王林
王林原創
2020-05-27 16:51:422816瀏覽

關於css文本屬性的詳細介紹

文字顏色

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

顏色值有如下寫法:

1、十六進位值

#如: #FF0000

2、RGB值

#RGB(255,0,0)

3、顏色的名稱

如: red

範例:

關於css文本屬性的詳細介紹

注意:如果為字體定義了顏色屬性,那麼就必須定義背景色屬性。

結果顯示:

關於css文本屬性的詳細介紹

(影片教學建議:css影片教學

文字排列屬性

文字排列屬性是用來設定文字的水平對齊方式。文字可居中或對齊至左或右,兩端對齊。

範例:

關於css文本屬性的詳細介紹

文字修飾屬性

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

此屬性一般主要是用來刪除連結的底線的。

範例:

關於css文本屬性的詳細介紹

使用該屬性前:

關於css文本屬性的詳細介紹

使用該屬性後:

關於css文本屬性的詳細介紹

該屬性還有很多屬性值,如下所示:

關於css文本屬性的詳細介紹

#效果為:

關於css文本屬性的詳細介紹

文字轉換屬性

此屬性一般用來將文字中的字母進行大小寫轉換。

範例:

關於css文本屬性的詳細介紹

輸出結果顯示:

關於css文本屬性的詳細介紹

文字縮排屬性

text-indent屬性用於縮排文字首行內容。

範例:

關於css文本屬性的詳細介紹

結果顯示:

關於css文本屬性的詳細介紹

如果您想了解更多相關內容,請關注php中文網CSS入門基礎教學欄位。

以上是關於css文本屬性的詳細介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn