HTML5网页设计

html_css

css控制字间距和字母间距

时间:2011-10-12 15:10来自:网络作者:秩名点击:
字间距 利用字间距属性,你可以在字之间加入更 多的距离: H 3 { word-spacing : 1em ;} 你所使用的参数值将加入任何浏览器的缺省设置,你可以使用任何一种长度单位。

字间距

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

  1. H3 {word-spacing:1em;} 

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

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

以下为显示结果:

Behold the power of cheese.

代码如下所示:

  1. <h3 style="word-spacing:1em;">Behold the power of cheese.</h3>

字母间距

  1. H3 {letter-spacing:10px;} 

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

示例:

Behold the power of cheese.

代码如下所示:

  1. <h3 style="letter-spacing:10px;">Behold the power of cheese.</h3> 

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

当前文章地址:http://www.shejicool.com/web/html_css/292.html

阅完本篇文章?您还可以: 收藏本文 文章挑错 朋友推荐