养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

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

时间:2024-10-24 23:26:39

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

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

工具/原料

html+css

代码编辑器:DreamweaverCS5

方法/步骤

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

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

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

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

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

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

4、在test.html文件内,编写<styletype="text漆虱忧甘/css"></style>标签,页面的css样式将写在该标签内。

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

5、在test.html文件内,在css标签内,以“.类名”的形式来设置p标签的样式,代码如下:

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

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

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

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

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

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

© 一点知识