九九百科網

位置:首頁 > 經驗 > 

css字間距怎麼設置

經驗1W

css字間距怎麼設置

在前端頁面製作的時候發現自己的文字之間太緊湊,想要通過css設置下字間距讓文字之前的距大一點,這樣更符合自己的頁面佈局設計,也更加美觀。

在文件夾中創建一個“test”的html文件。

在裏面添加html標籤框架。

在裏面添加一個“div”並放入文字。

然後我們發現默認文字之間比較緊湊。

現在我們給div設置一個id為“wd”。

通過css在style使用letter-spacing給wd中的文字設置字間距為30px。

#wd{letter-spacing:30px;}

在瀏覽器中打開我們發現字間距變大了。

標籤:CSS 間距 設置