通过CSS设置文本属性

文本属性

• color 设置文本颜色；

div span{
            color: red;
        }

浏览器显示

• text-align 设置元素水平对齐方式；

div{text-align: center;}

浏览器显示看上图

• text-indent 设置首行文本的缩进；

div{
            text-align: left;
            text-indent:20px;
        }

缩进截图效果不明显，自己可以试一下，切记对齐方式设置成向左对齐。

• line-height 设置文本的行高；

div{
            text-align: left;
            text-indent:20px;
            line-height:40px;
        }

下图为设置行高之后

下图为没有设置行高

• text-decoration 设置文本的装饰；

div{
            text-align: left;
            text-indent:20px;
            line-height:40px;
            text-decoration:underline;
        }

为下图1、3行赋予以上属性

• 以上为常见的文本属性，更多的文本属性可以打开W3school进行详细学习。
• 注意：有部分属性不是所有的浏览器内核都能识别的了的，这里可以通过加上浏览器前缀来解决：

IE浏览器是Trident内核，加前缀：-ms-

Chrome浏览器是Webkit内核，加前缀：-webkit-

Safari浏览器是Webkit内核，加前缀：-webkit-

Opera浏览器是Blink内核，加前缀：-o-

Firefox浏览器是Mozilla内核，加前缀：-moz-