CSS 文本属性大全

发布时间:2020-09-27编辑:脚本学堂
本文介绍下,css中常用的一些文本属性,包括文本对齐属性、文本修饰属性、文本缩进属性、行高属性、字间距属性、颜色属性,有需要的朋友参考下。

本节内容:
CSS 文本属性

一,文本对齐属性(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}
.d1 {width:300px}
.p2 {text-indent:50%}

<p class = "p1">脚本学堂,提供的css教程,主要以实例为主,并对有关的问题给出相应的解决方法,有需要的朋友请持续关注!</p>

<div class = "d1">

<p class = p2>脚本学堂,提供的css教程,主要以实例为主,并对有关的问题给出相应的解决方法,有需要的朋友请持续关注!</p>

四,行高属性(line-height)
这个属性设定每行之间的距离。

其值有以下设定方法:
  

  normal (缺省值)
    length (长度,可以用绝对单位(cm, mm, in, pt,pc)或者相对单位 (em, ex, px))
    percentage (百分比,相当于父对象高度的百分比)

例子:
 

复制代码 代码示例:
..p1 {line-height:1cm}
.p2 {line-height:2cm}
<p class = "p1">这个段落的CSS行高属性(line-hight)值为1cm,即每行之间的距离是1厘米。</p>
<p class = "p2">这个段落的CSS行高属性(line-hight)值为2cm,即每行之间的距离是2厘米。</p>

五,字间距属性(letter-spacing)
这个属性用来设定字符之间的距离。

有如下的设定方法:
 

    normal (缺省值)
    length (长度,可以用绝对单位(cm, mm, in, pt, pc)或者相对单位 (em, ex, px))

例子:
 

复制代码 代码示例:
.p1 {letter-spacing: 3mm}

六,颜色属性(color)
用颜色属性(color)可以改变文本的字体颜色。

例子:
 

复制代码 代码示例:
.p1{color:gray}