颜色背景的CSS[1]|中文方案文档站(提供各类方案下载,WORD文档下载,范文,案例等)

本　章　Ｃ　Ｓ　Ｓ　的　主　要　作　用

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

颜　色　背　景　的　Ｃ　Ｓ　Ｓ　指　令

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	重复背景图形填满页面
repeat-x	水平方向重复背景图形
repeat-y	垂直方向重复背景图形
no-repeat	不重复显示背景图形

预设值：repeat
继承性：无

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

background-attachment　设定背景附著

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

scroll	背景图形随著卷轴卷动
fixed	背景图形随著卷轴卷动（浮水印）

预设值：scrool
继承性：无

一般范例：body { background-attachment : fixed }
同轴范例：<body style="background-attachment:fixed">

background-position　设定背景位置

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

<percent> x% y%	图形上x% y%的点对准元素的x% y%位置
<length> x y	将图形左上角置于元素左上角水平 x垂直 y之处
center	背景图形置于中央
left	背景图形对　左边
right	背景图形对　右边
top	背景图形对　顶部
bottom	背景图形对　底部

预设值：0% 0%
继承性：无

一般范例：body { background- position : 100% 50% }
同轴范例：<body style="background- position:100% 50%">

background　综合设定背景性质

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

background-color	设定背景颜色
background-image	设定背景图形
background-repeat	设定背景重复
background-attachment	设定背景附著
background-position	设定背景位置

预设值：无
继承性：无

一般范例：
body { blue url(image/gif) repeat-x fixed center }
同轴范例：
<body style="blue url(image/gif) repeat-x fixed center">

位　置　摆　放　的　Ｃ　Ｓ　Ｓ　指　令

float　设定浮动性质（多用于文绕图的情形）

支　持：ＩＥ４、ＮＣ４
适　用：区块元素或图形
可能值：

left	元素靠左，文字围绕其右
right	元素靠右，文字围绕其左
none	以预设的方法显示

预设值：none
继承性：无

一般范例：div { float : right }
同轴范例：<div style="float:right">

clear　设定清除性质（设定是否允许浮动元素之存在）

支　持：ＩＥ４
适　用：区块元素或图形
可能值：

both	若两边有浮动元素，则该元素移至浮动元素下方
left	若左边有浮动元素，则该元素移至浮动元素下方
right	若右边有浮动元素，则该元素移至浮动元素下方
none	以预设的方法显示

预设值：none
继承性：无

一般范例：div { clear : right }
同轴范例：<div style="clear:right">

width　设定宽度

支　持：ＩＥ４、ＮＣ４
适　用：区块元素或图形
可能值：

<length>	长度单位，请参考第一章基本单位的相关说明
<percentage>	百分比，以父元素宽度为基准
auto	以固定比例自动变化大小

首页下页尾页 [1] [2]

本文关键：颜色背景的CSS

　　相关方案

本站最佳浏览方式为分辨率 1024x768 IE 6.0（或更高版本的 IE浏览器）

颜色背景的CSS[1]

[入库：2005年8月18日] [更新：2007年3月25日]