> 生活助理 > css字体间距(css字体间距)

css字体间距(css字体间距)

css字体间距(css字体间距)

关于css字体间距,css字体间距这个很多人还不知道,今天小六来为大家解答以上的问题,现在让我们一起来看看吧!

1、在前端页面制作的时候发现自己的文字之间太紧凑,想要通过css设置下字间距让文字之前的距大一点,这样更符合自己的页面布局设计,也更加美观。

2、在文件夹中创建一个“test”的html文件。

3、在里面添加html标签框架。

4、在里面添加一个“div”并放入文字。

5、然后我们发现默认文字之间比较紧凑。

6、现在我们给div设置一个id为“wd”。

7、通过css在style使用letter-spacing给wd中的文字设置字间距为30px。

8、#wd{letter-spacing:30px;}在浏览器中打开我们发现字间距变大了。

本文到此分享完毕,希望对大家有所帮助。