CSS应用基础教程(4) 颜色背景 - Linux中国

本　章　Ｃ　Ｓ　Ｓ　的　主　要　作　用

　　在前面的章节介绍完了声明与应用的方法及一些特性之後，从这章开始，便要正式进入ＣＳＳ的指令介绍了！本章有两个介绍的主题，第一个部份介绍的是颜色与背景性质的ＣＳＳ，其主要的作用在于设定元素的前景颜色、背景颜色与背景图形等样式设定的性质；而第二部份为您介绍的是用于控制摆放元素位置的ＣＳＳ的指令。

颜　色　背　景　的　Ｃ　Ｓ　Ｓ　指　令

color　设定前景颜色

支　持：ＩＥ３、ＩＥ４、ＮＣ４
适　用：所有元素
可能值：

<color>

设定颜色，请参考第一章颜色使用的相关说明

预设值：视浏览器而定
继承性：有

一般范例：SPAN { color : BLUE }
同轴范例：<SPAN style="color:BLUE">

background-color　设定背景颜色

支　持：ＩＥ４、ＮＣ４
适　用：所有元素
可能值：

<color>	设定颜色，请参考第一章颜色使用的相关说明
transparent	把父元素（颜色或图案）的背景透明化

预设值：transparent
继承性：无

一般范例：BODY { background-color : BLUE }
同轴范例：<BODY style="background-color:BLUE">

background-image　设定背景图形

支　持：ＩＥ４、ＮＣ４
适　用：所有元素
可能值：

<url>	设定图档URL，请参考第一章URL表示的相关说明
none	不使用背景图案

预设值：transparent
继承性：无

一般范例：
BODY { background-image : URL("http://yourweb/path/file_name") }
同轴范例：
<BODY style="background-image:URL('http://yourweb/path/file_name')">

background-repeat　设定背景重复

支　持：ＩＥ４、ＮＣ４
适　用：所有元素
可能值：

预设值：repeat
继承性：无

一般范例：BODY { background-repeat : repeat-x }
同轴范例：<BODY style="background-repeat: repeat-x">

如果您对本文有任何疑问或者建议，请到讨论区发表您的意见: >> 论坛入口 <<

上一篇： CSS应用基础教程(3) 应用补充下一篇： CSS应用基础教程(5) 文字性质

【文章评论】【收藏本文】【推荐好友】【打印本文】【我要投稿】【论坛讨论】

更多相关文章