网页设计于制作流程

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%}

  • 7
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值