DIV+CSS letter-spacing文字间距离教程篇

CSS字间距目录

1. 字间距语法
2. 文字距离案例代码
3. 字与字间距案例截图
4. 在线演示
5. CSS letter-spacing总结

1、CSS属性字间距语法   -   TOP

#thinkcss{letter-spacing:10px;}

letter-spacing跟具体的数值即可，检索或设置对象中的文字之间的间隔。
CSS样式字与字间距letter-spacing值可以为正值，也可以是负值；为正即可拉大字与字之间的距离，如果为负即可缩小字间距离。

2、案例代码   -   TOP

字与字距离案例CSS代码：

#thinkcss{letter-spacing:10px} 
#thinkcss-2{letter-spacing:-2px} 

字与字间距案例HTML代码：

<p id="thinkcss">设置字与字间距为10px</p> 
<p id="thinkcss">设置字与字间距为-2px</p> 
<p>未设置间距正常字与字距离</p> 

3、案例截图   -   TOP

letter-spacing文字间距案例教程

这里做了两种情况的运用，一个设置字与字属性letter-spacing为正，一个为负的两种情况运用，并且与正常的字与字间距进行案例对比。希望从ThinkCSS案例中能掌握字与字距离letter-spacing

4、在线演示   -   TOP

http://www.thinkcss.com/yanshi/css_letter-spacing.html

5、CSS letter-spacing总结   -   TOP

通常我们在DIV CSS中设置文字之间距离，我们即可使用letter-spacing属性样式单词即可，无论让文字间距变大变小都可轻松实现。希望大家能

标签(Tag): letter spacing 字间距 间距 文字间距离