多语言展示
当前在线:1644今日阅读:27今日分享:41

css字与字之间的间距怎么调

在css中,调整字与字之前的间距,可以使用letter-spacing属性来调整,下面小编举例讲解css字与字之间的间距怎么调。
工具/原料
1

html+css

2

代码编辑器:Dreamweaver CS5

方法/步骤
1

新建一个html文件,命名为test.html,用于讲解css字与字之间的间距怎么调。

2

在test.html文件内,使用p标签创建一行文字,文字内容为“这是一段测试的文字”。

3

在test.html文件内,设置p标签的class属性为txt,主要用于下面通过该class来设置css样式。

4

在test.html文件内,编写标签,页面的css样式将写在该标签内。

6

在css标签内,使用letter-spacing属性设置文字的间距,间距值的单位可以是px,rem,cm等css单位。例如,这时设置文字间隔为20px。

7

在浏览器打开test.html文件,查看实现的效果。

总结:

1、创建一个test.html文件。 2、在文件内,使用p标签创建一行文字。 3、在css标签内,通过p标签的类名来设置样式,通过letter-spacing属性来设置字与字之间的间距。

注意事项

在实际开发中,一般以px为文字间隔的单位。

推荐信息