用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,比较一下两段文字中每行文字之间的字距,体会设置不同字距的不同显示效果。
|
|