见闻百科,有趣实用的生活常识!

手机版

有趣实用的生活常识!

当前位置:首页 > 综合百科

css字间距怎么设置 css字符间距在哪里设置

时间:2023-05-23人气:作者: 佚名

css字间距怎么设置 css字符间距在哪里设置

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

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

在里面添加html标签框架。

在里面添加一个“p”并放入文字。

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

现在我们给p设置一个id为“wd”。

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

#wd{letter-spacing:30px;}

在浏览器中打开我们发现字间距变大了。

标签: 间距  CSS