當前位置:妙知谷 >

遊戲數碼 >IT技術 >

css設定字型間距

css設定字型間距

操作方法

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

css設定字型間距

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

css設定字型間距 第2張

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

css設定字型間距 第3張

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

css設定字型間距 第4張
標籤: CSS 間距 字型 設定
  • 文章版權屬於文章作者所有,轉載請註明 https://miaozhigu.com/zh-tw/sm/itjishu/71yo9.html