当前阅读教程:CSS入门到精通 > 字符间距 letter-spacing属性 | |||||||||||||||||
阅读(22555525) 收藏 赞(5685) 分享 | |||||||||||||||||
上一篇: 文本方向 direction属性 | 下一篇: 行高 line-height属性 | ||||||||||||||||
属性定义及使用说明letter-spacing 属性增加或减少字符间的空白(字符间距)
浏览器支持表格中的数字表示支持该属性的第一个浏览器版本号。 属性值
示例代码<!doctype html> <html> <head> <meta charset="utf-8"> <title>字符间距 letter-spacing属性</title> <!--定义内部样式--> <style> /*定义排列方向从右到左*/ .jianju01{ letter-spacing: 2px;/*字符间距2px*/ } .jianju02{ letter-spacing: -2px;/*字符间距-2px*/ } </style> </head> <body>
<!--默认文本的字符间距,浏览器默认--> <div>黄菊华老师:正常的字符间距</div> <!--字符间距2px--> <div>黄菊华老师:字符间距2px</div><hr>
<!--默认文本的字符间距,浏览器默认--> <div>黄菊华老师:正常的字符间距</div> <!--字符间距-2px--> <div>黄菊华老师:字符间距-2px</div>
</body> </html> 效果图 |
|||||||||||||||||
上一篇: 文本方向 direction属性 | 下一篇: 行高 line-height属性 |