在css中,字符間距可以使用letter-spacing屬性來(lái)設(shè)置,語(yǔ)法格式“l(fā)etter-spacing:間距值;”。letter-spacing屬性可以增加或減少字符間的空白,允許使用負(fù)值,這會(huì)讓字符之間的間隔減少,讓字符擠得更緊。
本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
在css中,可以使用letter-spacing屬性來(lái)設(shè)置字符間距。
letter-spacing屬性可以增加或減少字符間的空白(字符間距)。允許使用負(fù)值,這會(huì)讓字母之間擠得更緊。
示例:
<p>這是正常的字符間距</p> <p style="letter-spacing:10px;">這是加寬10px字符間距</p> <p style="letter-spacing:-10px;">這是縮減3px字符間距</p>
說(shuō)明:
letter-spacing屬性用來(lái)增加或減少字符或漢字之間的距離,默認(rèn)值為0。該屬性接受一個(gè)的正長(zhǎng)度值或負(fù)的長(zhǎng)度值;設(shè)置一個(gè)正的長(zhǎng)度值時(shí),字符之間的間隔會(huì)增加;設(shè)置一個(gè)負(fù)的長(zhǎng)度值時(shí),字符之間的間隔會(huì)減少,讓字符擠得更緊,甚至出現(xiàn)重疊。
對(duì)于字?jǐn)?shù)較少,卻又要突出表現(xiàn)的內(nèi)容,如詩(shī)詞等,可以根據(jù)需要,增加適當(dāng)?shù)淖址g距,讓內(nèi)容稍微稀疏一點(diǎn),會(huì)比較美觀。如,對(duì)于下面這首古詩(shī):
<h1>靜夜思</h1> <h2>唐?李白</h2> <p>床前明月光,疑是地上霜。</p> <p>舉頭望明月,低頭思故鄉(xiāng)。</p>
希望 h1 標(biāo)題和正文的內(nèi)容稀疏明朗,就可以使用 letter-spacing屬性來(lái)實(shí)現(xiàn)。CSS代碼如下:
h1 { letter-spacing: 10px; } p { letter-spacing: 3px; }
(學(xué)習(xí)視頻分享:css視頻教程)