自定义CSS字间距行间距宽度大小

2011年5月31日4:30:30 |发布: zblog优化 |浏览:

有些时候发现网站的字间距或者行间距太密或者太松,想要调整一下,最好的办法就是用CSS控制,那么,如何利用CSS控制字间距或者行间距的宽度大小呢,乾元轩提供的方法如下:

对于字间距,可以这样设置
绝对值字间距style="letter-spacing:2px;"
相对值字间距style="letter-spacing:1.5em;"

CSS样式表定义字间距宽度大小如下:
p.p1{letter-spacing:2px ; } 或者p.p1{letter-spacing:1.5em ; }

对于行间距,则可以这样设置
绝对值行间距style="line-height:20px;"
相对值行间距style="line-height:1.5em;"

CSS样式表定义行间距宽度大小如下:
p.p1{line-height:20px ; } 或者p.p1{line-height:1.5em ; }

上面提到的宽度大小,只需要设定数值就可以,当然,一般而言,以不影响页面美观和正常人阅读为宜。更进一步,可以设置为可以调整网页面字体大小和背景颜色等的按钮供用户选择。

支付宝打赏 微信打赏

« 上一篇下一篇 »

  • 评论:(1 )

已有 1 位网友发表了一针见血的评论,你还等什么?
◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

  • 1 weizm57 回复该留言
    Post:2011-10-10 16:10:23
    我是初学者,非常感谢,我终于找到答案了