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

1.首行縮進(jìn)(text-indent)

{ text-indent: 24px; }

以上CSS代碼可以實(shí)現(xiàn)段落首行自動(dòng)縮進(jìn)24個(gè)像素。

2.文本顏色(color)

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

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

……
 p.zhong { text-align: center; }
 p.zuo { text-align: left; }
 p.you { text-align: right;}
 ……
 <p class="zhong">對(duì)齊方式是居中</p>
 <p class="zuo"><span class="lv">對(duì)齊方式是左對(duì)齊</span></p>
 <p class="you"><span class="lv">對(duì)齊方式是右對(duì)齊</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>
 ……

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