软件发布| 专题库| 优优资讯| 苹果专区| 安卓专区| 软件下载| 首页
优优资讯 电脑教程 安卓教程 安卓攻略 苹果教程 苹果攻略 新闻资讯

Dreamweaver入门教程之CSS文本属性介绍

时间:2015-02-16 来源:本站整理 我要评论

  在浏览网页的时候,不知是否有朋友想过这些漂亮的页面是怎样生成的?所有这些网页的生成代码都是由文本构成的,比如文本颜色、大小、间距等等。下面小编就为大家介绍有关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>

  ……
 

用户评论

(已有0条评论)
表情
注:您的评论需要经过审核才能显示哦,请文明发言!
还没有评论,快来抢沙发吧!
快速检索
0-9 A B C D E F G H I J K L M N O P Q R S T U V W X Y Z