以下内容为程序代码
<style>
p.double {line-height: 2}
p.right {text-align: right}
p.center {text-align: center}
p.justify {text-align: justify}
p.indent {text-indent: 1cm}
p.capitalize {text-transform: capitalize}
p.up {text-transform: uppercase}
p.low {text-transform: lowercase}
p.underline {text-decoration: underline}
p.line-through {text-decoration: line-through}
h3 {color: #cc6600}
</style>
这一节我们将讨论如何用 css 来控制网页中文字定位, 这些性质是
line-height: 行距
text-align: 向那个方向看齐
vertical-align: 向上还是向下看齐
text-indent: 段落第一行空格
text-transform: 字母的大小写
text-decoration: 给文字加装饰, 比如下滑线
行距
我们有时候可能会想把行距加大点使得文字看的清楚一些. css
中的 line-height 可以取得这种调节
p.double {line-height: 2}
请看下面的比较.
[code]
<table border=0 cellspacing=8 cellpadding=1 width=500>
<tr><td bgcolor=666666>
<table border=0 cellspacing=0 cellpadding=6 width=100% bgcolor=ffffcc>
<tr><td bgcolor="#ffffcc">
<p>这 一 段 的 行 距 是 正常 的. 这 一 段 的 行 距 是 正常 的. 这 一 段 的 行
距 是 正常 的. 这 一 段 的 行 距 是 正常 的. </p> 本文链接http://www.cxybl.com/html/wyzz/CSS/20120601/27369.html