Dreamweaver 教程-CSS文本屬性(text)

1.首行縮進(text-indent)

{ text-indent: 24px; }

以上CSS代碼可以實現(xiàn)段落首行自動縮進24個像素。

2.文本顏色(color)

……
 p.lv { color: green; }
 p.hong { color: red; }
 ……
 <p class="lv">綠色</p>
 <p class="hong">紅色</p>
 ……

3.文本對齊屬性(text-align)

……
 p.zhong { text-align: center; }
 p.zuo { text-align: left; }
 p.you { text-align: right;}
 ……
 <p class="zhong">對齊方式是居中</p>
 <p class="zuo"><span class="lv">對齊方式是左對齊</span></p>
 <p class="you"><span class="lv">對齊方式是右對齊</span></p>
  ……

4.文本修飾(text-decoration)

……
 p.shang { text-decoration: overline; }
 p.xia { text-decoration: underline; }
 p.zhong { text-decoration: line-through;}
 a.none { text-decoration:none; }
 ……
 <p class="shang">上劃線</p>
 <p class="xia">下劃線</p>
 <p class="zhong">中劃線</p>
 <p ><a href="http://www.cainiao8.com/" class="none">
 沒有下劃線的鏈接</a></p>
 ……

以上四個CSS文本屬性是網頁排版中經常會用到的，希望大家能夠記住。除上述四個屬性外，還有很多其他屬性，等有需要的時候再自行查閱官方手冊即可。