您所在的位置: 下载吧  >  软件教程  >  编程开发 > 正文

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

  • 时间:2014-07-22 10:07
  • 来源:下载吧
  • 编辑:xfront

         CSS文本属性主要用于控制网页内文本的属性,例如颜色、间距和首行缩进等。

1.首行缩进(text-indent)

{ text-indent: 24px; }

以上CSS代码可以实现段落首行自动缩进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文本属性是网页排版中经常会用到的,希望大家能够记住。除上述四个属性外,还有很多其他属性,等有需要的时候再自行查阅官方手册即可。

人气排行