预览加载中,请您耐心等待几秒...
1/10
2/10
3/10
4/10
5/10
6/10
7/10
8/10
9/10
10/10

亲,该文档总共13页,到这已经超出免费预览范围,如果喜欢就直接下载吧~

如果您无法下载资料,请参考说明:

1、部分资料下载需要金币,请确保您的账户上有足够的金币

2、已购买过的文档,再次下载不重复扣费

3、资料包下载后请先用软件解压,在使用对应软件打开

背景色:HYPERLINK"http://www.w3school.com.cn/cssref/pr_background-color.asp"\o"CSSbackground-color属性"background-color属性 background-color不能继承,其默认值是transparent。transparent有“透明”之意。也就是说,如果一个元素没有指定背景色,那么背景就是透明的,这样其祖先元素的背景才能可见。 p{background-color:gray;} 背景图像:HYPERLINK"http://www.w3school.com.cn/cssref/pr_background-image.asp"\o"CSSbackground-image属性"background-image属性 background-image也不能继承。事实上,所有背景属性都不能继承,background-image属性的默认值是none,表示背景上没有放置任何图像。需要设置一个背景图像,必须为这个属性设置一个URL值 p.flower{background-image:url(/i/eg_bg_03.gif);} 背景重复:HYPERLINK"http://www.w3school.com.cn/cssref/pr_background-repeat.asp"\o"CSSbackground-repeat属性"background-repeat属性 属性值repeat导致图像在水平垂直方向上都平铺,就像以往背景图像的通常做法一样。repeat-x和repeat-y分别导致图像只在水平或垂直方向上重复,no-repeat则不允许图像在任何方向上平铺。 body{background-image:url(/i/eg_bg_03.gif); background-repeat:repeat-y;} 背景定位:HYPERLINK"http://www.w3school.com.cn/cssref/pr_background-position.asp"background-position属性 background-position属性值可以使用一些关键字:top、bottom、left、right和center。还可以使用长度值,如100px或5cm,最后也可以使用百分数值。不同类型的值对于背景图像的放置稍有差异。 位置关键字可以按任何顺序出现,只要保证不超过两个关键字-一个对应水平方向,另一个对应垂直方向。 body{background-image:url('/i/eg_bg_03.gif'); background-repeat:no-repeat;background-position:center;} 设置值为50px100px,图像的左上角将在元素内边距区左上角向右50像素、向下100像素的位置上: 背景关联:HYPERLINK"http://www.w3school.com.cn/cssref/pr_background-attachment.asp"\o"CSSbackground-attachment属性"background-attachment属性 文档比较长,那么当文档向下滚动时,背景图像也会随之滚动。当文档滚动到超过图像的位置时,图像就会消失,默认值是scroll,也就是说,在默认的情况下,背景会随文档滚动。 HYPERLINK"http://www.w3school.com.cn/cssref/pr_background.asp"\o"CSSbackground属性"background简写属性,作用是将背景属性设置在一个声明中。HYPERLINK"http://www.w3school.com.cn/cssref/pr_background-attachment.asp"\o"CSSbackground-attachment属性"background-attachment背景图像是否固定或者随着页面的其余部分滚动。HYPERLINK"http://www.w3school.com.cn/cssref/pr_background-color.asp"\o"CSSbackground-color属性"background-color设置元素的背景颜色。HYPERLINK"http://www.w3school.com.cn/cssref/pr_background-image.asp"\o"CSSbackground-image属性"background-image把图像设置为背景。HYPERLINK"http://www.w3school.com.