在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为文字间隔的单位。
上一篇:洋葱土豆片怎么做
下一篇:CSS样式可重用的写法小结