css的文本属性
1.文本颜色属性color
color属性用于设置文本的颜色。
语法:color:color
参数:color指定颜色,可以用颜色名,也可以使用十六进制颜色值,还可以用rgb函数值
但有些颜色不被浏览器所接受
示例:div{color:red} /*颜色值为颜色名称*/
div{color:#000000;}/*颜色值为十六进制值*/
div{color:rgb(0,0,255);}/*颜色值为rgb函数值*/
div{color:rgb(0%,0%,80%)/颜色值为rgb百分数*/
2.文本水平对齐方式属性text-align
使用text-align属性可以设置元素中文本的水平对齐方式。
语法:text-align:left right center justify
参数:left为左对齐,right为右对齐
说明:设置对象中文本的对齐方式
示例:div {text-align:center;}
3.为文本添加装饰属性text-decoration
使用css样式可以对文本进行简单的修饰,text属性所提供的text-decoration属性,主要实现文本加下划线,上划线,删除线及文本闪烁等效果。
语法:text-decoration:none underline blink overline line-through
参数:none为无装饰。underline为下划线,blink为闪烁,overline为上画线, line-through为删除线。
说明:text-decoration:underline属性定义添加到文本的装饰,包括下滑线,上划线,删除线等。有些元素默认具有某种装饰,列如a元素中的文本默认值为underline,可以使用本属性改变修饰。如果应用的对象不是文本,则此属性不起作用。
示例:div{text-decoration:underline;}
a {text-decoration:underline overline;}
4.段落首行缩进属性text-indent
段落首行缩进指的是段落的第一行从左向右缩进一定的距离,而首行以外的其他行保持不变,其目的是为了便于阅读和区分文章段落。 text-indent属性用于设置文本块首行文本的缩进,可应用于所有块级元素,但不能应用于行内元素。如果想把一个行内元素的第一行缩进,可以用左内边距或外边距创造这种效果。
语法:text-indent:length
参数:length为百分比数或由浮点数字,单位标识符组成的长度值,允许为负值。他的属性可以是固定的长度值,也可以是相对于父元素宽度的百分比,默认值为0。
说明:设置对象中的文本段落的缩进。本属性只应用于整块的内容。
示例:
div{text-indent:-5px;}
div{text-indent:underline 10%}