您的位置:CSS主页 > CSS基础 >

CSS letter-spacing文字间距离

 

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代码:

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

字与字间距案例HTML代码

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

3、案例截图   -   TOP

div css文字间距离教程案例截图
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 字间距 间距 文字间距离

更多

上一页: 上一篇:DIV CSS高度_height
下一页: 下一篇:DIV CSS border边框教程

 

HTML必备基础教程

 

CSS必备基础教程

 

 

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解。
CSS教程文章修订日期:2012-08-07     点击:
原创来源:ThinkCSS     来源网址:http://www.thinkcss.com/view/c59.html
本文WWW.ThinkCSS.COM(DIV CSS) ThinkCSS版权所有,欢迎转载,并注明出处来源及URL!

 

推荐信息