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