CSS letter-spacing文字间距离
DIV+CSS letter-spacing文字间距离教程篇
- CSS字间距目录
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 字间距 间距 文字间距离
HTML必备基础教程
- • html换行br标签
- • html段落p标签
- • html table tr td th表格标签
- • html内容body标签
- • html图片img标签
- • html form表单标签
- • html input表单标签
- • html列表菜单跳转select标签
- • html div
- • html span
- • html em强调标签
- • html u下划线
- • html斜体i标签
- • html加粗b标签
- • html strong加粗标签
- • html删除线s标签
- • base链接打开方式标签
- • html iframe内嵌
- • html ul li无序列表
- • html ol li有序列表
- • html font文本标签
- • html hr水平线
CSS必备基础教程
- • css颜色 css color)
- • css宽度 css width
- • css高度 css height
- • css行高 css line-height
- • css 字间距 css letter-spacing)
- • CSS border(CSS边框
- • CSS font-family CSS字体
- • CSS 浮动 CSS float
- • CSS 斜体 CSS font-style
- • CSS加粗 CSS font-weight
- • CSS 下划线 CSS text-decoration
- • CSS字母大小写 CSS text-transform
- • CSS背景 CSS background
- • CSS隐藏 CSS display
如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解。
CSS教程文章修订日期:2012-08-07 点击:
次
原创来源:ThinkCSS 来源网址:http://www.thinkcss.com/view/c59.html
本文WWW.ThinkCSS.COM(DIV CSS) ThinkCSS版权所有,欢迎转载,并注明出处来源及URL!。