css設定字型間距

來源:酷知科普網 2.88W

操作方法

先看下我們的html程式碼,很簡單,就是一個div裡有一段文字,我們為這個div添加了一個樣式 zn

css設定字型間距

預設情況下,不加任何樣式時,這段文字的間距是很小的,如圖

css設定字型間距 第2張

為了新增文字的間距,我們可以新增letter-spacing的樣式,新增一個zn的樣式名,樣式程式碼為 letter-spacing: 12px;就是每個文字間會有12畫素的間距。

css設定字型間距 第3張

再執行頁面,就可以看到效果了。文字間的間距明顯加大了。

css設定字型間距 第4張
熱門標籤