您的位置首页生活百科

css设置字体间距

css设置字体间距

的有关信息介绍如下:

css设置字体间距

小编在编写前端页面时遇到这样一个问题,设计师给的设计图总是美美的,一个字体与一个字体的间距有时候会很大,那么怎么用css修改字体的间距呢?让我们一起来看一下吧。

语法:

.font-spacing{

letter-spacing: 20px;

}

打开html开发软件,新建一个html页面。如图:

在html代码页面上找到标签,在这个标签里输入一个

,然后在
里添加class类并在div里输入文字。

代码:

春眠不觉晓

保存好html页面后使用浏览器打开,看一下没有设置间距时的效果。如图:

回到html代码页面,在标签后面写添加一个<style>标签,并在这个标签里设置font-spacing类的样式 (letter-spacing: 20px;)。代码:</p><p><style type="text/css" ></p><p> .font-spacing{</p><p> letter-spacing: 20px;</p><p> }</p><p> </style></p><p>如图:</p><p>在使用浏览器打开就可以看到效果了。如图:</p><p>所有代码:</p><p><!DOCTYPE html></p><p><html></p><p><head></p><p><meta charset="UTF-8"></p><p><title>字体间距设置

春眠不觉晓