CSS基础示例常用文本属性

作者:divcss教程吧      点击次数:596次     发布日期:2014-11-28

文本对齐属性(text-align)这个属性用来设定文本的对齐方式。有以下值:
  • left (居左,缺省值)
  • right (居右)
  • center (居中)
  • justify (两端对齐)
示例代码如下:
.p2 {text-align:right}

演示示例
文本修饰属性(text-decoration)这个属性主要设定文本划线的属性。有以下值:
  • none (无,缺省值)
  • underline (下划线)
  • overline (上划线)
  • line-through (当中划线)
示例代码如下:
.p2 {text-decoration: underline}

演示示例
文本缩进属性(text-indent)这个属性设定文本首行缩进。其值有以下设定方法:
  • length (长度,可以用绝对单位(cm, mm, in, pt, pc)或者相对单位 (em, ex, px))
  • percentage (百分比,相当于父对象宽度的百分比)
示例代码如下:
.p1 {text-indent: 8mm}

演示示例
行高属性(line-height)这个属性设定每行之间的距离。其值有以下设定方法:
  • normal (缺省值)
  • length (长度,可以用绝对单位(cm, mm, in, pt,pc)或者相对单位 (em, ex, px))
  • percentage (百分比,相当于父对象高度的百分比)
示例代码如下:
.p1 {line-height:1cm}

演示示例
字间距属性(letter-spacing)这个属性用来设定字符之间的距离。
  • normal (缺省值)
  • length (长度,可以用绝对单位(cm, mm, in, pt, pc)或者相对单位 (em, ex, px))
示例代码如下:
.p1 {letter-spacing: 3mm}

演示示例
颜色属性(color)用颜色属性(color)可以改变文本的字体颜色。字体颜色代码请参见。示例代码如下:
.p1{color:gray}

演示示例

 

分享DIVCSS8