百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>CSS教程> css控制字间距和字母间距
分享文章到:

css控制字间距和字母间距

发布时间:01/15 来源: 浏览: 关键词:

面要学习的CSS属性可以使你做到HTML标签 做不到的事情:控制字间距及字母间距。

字间距

利用字间距属性,你可以在字之间加入更 多的距离:

    H3 { word-spacing: 1em }

你所使用的参数值将加入任何浏览器的缺 省设置,你可以使用我们昨天谈到的任何 一种长度单位:

  • in (英寸)
  • cm (厘米)
  • mm (毫米)
  • pt (点数)
  • pc (打字机字间距)
  • em (ems)
  • ex (x-height)
  • px (象素)

以下为显示结果:

    Behold the power of cheese.

如果你的浏览器不支持这种CSS属性,请 点击这里查看显示效果。

如果你看不到任何不同之处,则说明你的 浏览器不支持这种属性,只有MAC机用的IE 4能支持这种字间距设置。

字母间距

字母间距可以在IE 4中应用,但 Communicator不行,唉...

    H3 { letter-spacing: 10px }

字母间距的功能和字间距的很类似:其参 数值将被加入到浏览器的缺省设置中,你 可以使用上述任何一种长度单位。

如果你用的是IE 4,这里是一个例子:

    Behold the power of cheese.

对于这两种属性,你都可以使用normal参 数。从而使其按照浏览器的原有缺省设置 显示。

别沮丧,还有很多CSS属性可以在两种浏 览器上都可使用。

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有5人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板