新建一個html網頁文件,把他命名為test.html,接下來我們用test.html文件來講解css如何設置文本字與字間距_字符間距離。
在test.html文件內,要使用div標簽創建一行文字,并且把文字內容寫上“css如何設置文本字與字間距_字符間距離”。
給div標簽加上一個樣式,設置div標簽的class屬性為mybkkd。
編寫css樣式<styletype="text/css"></style>標簽,mybkkd樣式將寫在該標簽內。
在css標簽內,通過div標簽的class屬性mybkkd設置文本之間的距離。
在css樣式標簽里,在括號內,mybkkd的div設置css屬性樣式為letter-spacing:8px;,字間距為8px
在瀏覽器瀏覽一下test.html,來看看效果能否實現。
在CSS中,調整字與字之間的間距的屬性是letter-spacing,你通過更改標簽的letter-spacing屬性值來設置標簽內字與字之間的間距,舉例說明
步驟1:新建一個html頁面,添加相關代碼,此時未設置letter-spacing屬性,在瀏覽器瀏覽該頁面,可以看到此時頁面上字與字之間的間隔為默認間隔
步驟2:修改新建html頁面的代碼,設置letter-spacing屬性值為4個px,保存并刷新該頁面,此時觀察到該頁面在瀏覽器中字與字之間的間距發生了變化
步驟3:再次修改新建html頁面的代碼,設置letter-spacing屬性值為40個px,保存并刷新該頁面,此時觀察到該頁面在瀏覽器中字與字之間的間距發生了更明顯的變化