溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

Css文本格式屬性有哪些

發(fā)布時(shí)間:2022-03-08 11:05:15 來源:億速云 閱讀:154 作者:小新 欄目:web開發(fā)

這篇文章主要介紹了Css文本格式屬性有哪些,具有一定借鑒價(jià)值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。

文本顏色

顏色屬性被用來設(shè)置文字的顏色。

顏色是通過CSS最經(jīng)常的指定:

十六進(jìn)制值 - : FF0000

一個(gè)RGB - : RGB(255,0,0)

顏色的名稱 - : red

參閱 CSS 顏色值 查看完整的顏色值。

一個(gè)網(wǎng)頁的背景顏色是指在主體內(nèi)的選擇:

實(shí)例

body {color:blue;}

h2 {color:#00ff00;}

h3 {color:rgb(255,0,0);}

對于W3C標(biāo)準(zhǔn)的CSS:如果你定義了顏色屬性,你還必須定義背景色屬性。

文本的對齊方式

文本排列屬性是用來設(shè)置文本的水平對齊方式。

文本可居中或?qū)R到左或右,兩端對齊.

當(dāng)text-align設(shè)置為"justify",每一行被展開為寬度相等,左,右外邊距是對齊(如雜志和報(bào)紙)。

實(shí)例

h2 {text-align:center;}

p.date {text-align:right;}

p.main {text-align:justify;}

文本修飾

text-decoration 屬性用來設(shè)置或刪除文本的裝飾。

從設(shè)計(jì)的角度看 text-decoration屬性主要是用來刪除鏈接的下劃線:

實(shí)例

a {text-decoration:none;}

嘗試一下 »

也可以這樣裝飾文字:

實(shí)例

h2 {text-decoration:overline;}

h3 {text-decoration:line-through;}

h4 {text-decoration:underline;}

文本轉(zhuǎn)換

文本轉(zhuǎn)換屬性是用來指定在一個(gè)文本中的大寫和小寫字母。

可用于所有字句變成大寫或小寫字母,或每個(gè)單詞的首字母大寫。

實(shí)例

p.uppercase {text-transform:uppercase;}

p.lowercase {text-transform:lowercase;}

p.capitalize {text-transform:capitalize;}

所有CSS文本屬性。

屬性 描述

color   設(shè)置文本顏色

direction 設(shè)置文本方向。

letter-spacing  設(shè)置字符間距

line-height  設(shè)置行高

text-align 對齊元素中的文本

text-decoration 向文本添加修飾

text-indent  縮進(jìn)元素中文本的首行

text-shadow  設(shè)置文本陰影

text-transform  控制元素中的字母

unicode-bidi 設(shè)置或返回文本是否被重寫

vertical-align  設(shè)置元素的垂直對齊

white-space  設(shè)置元素中空白的處理方式

word-spacing 設(shè)置字間距

感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享的“Css文本格式屬性有哪些”這篇文章對大家有幫助,同時(shí)也希望大家多多支持億速云,關(guān)注億速云行業(yè)資訊頻道,更多相關(guān)知識等著你來學(xué)習(xí)!

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

css
AI