分享

用css样式设置字距

 连山老叟 2013-05-17
用css样式设置字距:
        代码1:
<p>
<font style="line-height: 1.5em; letter-spacing: 1px; font-size: 20pt;"
color="#ff0000"><strong>既然愚公能移山,何愁代码学习难;<br>立下愚公移山志,步步登上代码山。</strong></font></p>
<p>
<font style="line-height: 1.5em; letter-spacing: 1px; font-size: 20pt;"
color="#ff0000"><strong>学习代码别怕难,常用标签记心间;<br>属性属值弄明白,反复实践是关键。</strong></font></p>
        代码2:
<p>
<font style="line-height: 1.5em; letter-spacing: 4px; font-size: 20pt;"
color="#ff0000"><strong>既然愚公能移山,何愁代码学习难;<br>立下愚公移山志,步步登上代码山。</strong></font></p>
<p><font style="line-height: 1.5em; letter-spacing: 4px; font-size: 20pt;" color="#ff0000"><strong>学习代码别怕难,常用标签记心间;<br>属性属值弄明白,反复实践是关键。</strong></font></p>
       代码解析:
        请看上面的两段文字代码:第一段字距设置为letter-spacing: 1px,第二段字距设置为letter-spacing: 4px,比较一下两段文字中每行文字之间的字距,体会设置不同字距的不同显示效果。

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约