css字符间距的设置方法

这篇文章主要介绍css字符间距的设置方法,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

在css中,字符间距可以使用字母间距属性来设置,语法格式”字母间距:间距值;“.letter-spacing属性可以增加或减少字符间的空白,允许使用负值,这会让字符之间的间隔减少,让字符挤得更紧。

在css中,可以使用字母间距属性来设置字符间距。

字母间距属性可以增加或减少字符间的空白(字符间距)。允许使用负值,这会让字母之间挤得更紧。

示例:

& lt; p>这是正常的字符间距& lt;/p> 　　& lt; p 风格=白帜讣渚?10 px;“在这是加10 px宽字符间距& lt;/p> 　　& lt; p 风格=白帜讣渚?-10 px;“在这是缩减3 px字符间距& lt;/p>

说明:

字母间距属性用来增加或减少字符或汉字之间的距离,默认值为0。该属性接受一个的正长度值或负的长度值,设置一个正的长度值时,字符之间的间隔会增加,设置一个负的长度值时,字符之间的间隔会减少,让字符挤得更紧,甚至出现重叠。

对于字数较少,却又要突出表现的内容,如诗词等,可以根据需要,增加适当的字符间距,让内容稍微稀疏一点,会比较美观,如对于下面这首古诗:

& lt; h2>静夜思& lt;/h2> 　　& lt; h3>唐?李白& lt;/h3> 　　& lt; p>床前明月光,疑是地上霜。;/p> 　　& lt; p>举头望明月,低头思故乡。;/p>

希望h2标题和正文的内容稀疏明朗,就可以使用字母间距属性来实现。css代码如下:

h2  { 　　,字母间距:10 px; 　　} 　　p  { 　　字母间距:大敌;3 px; 　　}

以上是“css字符间距的设置方法”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注行业资讯频道!

css字符间距的设置方法