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

 时间:2024-10-25 01:31:17

在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字与字之间的间距怎么调

怎么让div居中 html鼠标悬停变色 HTML网页怎么设置圆角边框 如何在HTML中插入图片 html如何把两个网页连接起来
热门搜索
厨房用品图片 风暴电影 播播电影 中发烫发发型图片 邱淑贞电影