16 十 2 现场演示: ■案例11-02: background- origin属性 河南中医学院/阮晓龙713938213680/http://web.51xueweb.cn
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 16 现场演示： 案例11-02：background-origin属性
1.背景属性 1.2CS53新增背景属性 a background-size 在CSS3中,可以使用 background-size属性来指定背景图像的尺寸。 使用 background-size属性来指定背景图像尺寸的最简单的方法类 似如下所示 ground-size: 40px 20px; kit-background-size: 40px 20 口其中,40px为背景图像的宽度,20x为背景图像的高度,中间用半角 空格进行分隔 ■如果要维持图像比例的话,可以设定图像宽度与高度的同时,将另 参数设定为“auto”。 河南中医学院/阮晓龙713938213680/http://web.51xueweb.cn
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 1.背景属性 17 1.2 CSS3新增背景属性 background-size 在CSS3中，可以使用background-size属性来指定背景图像的尺寸。 使用background-size属性来指定背景图像尺寸的最简单的方法类 似如下所示： 其中，40px为背景图像的宽度，20px为背景图像的高度，中间用半角 空格进行分隔。 如果要维持图像比例的话，可以设定图像宽度与高度的同时，将另 一个参数设定为“auto
18 十 2 现场演示: ■案例11-03: background-size属性 河南中医学院/阮晓龙713938213680/http://web.51xueweb.cn
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 18 现场演示： 案例11-03：background-size属性
19 1.背景属性 1.3多背景 口CSS3多背景语法及参数 ■CSS3多背景语法和CSS中背景语法其实没有本质上的区别,只是在 CSS3中可以给多个背景图像设置相同或者不相同的 background ( position repeat| Iclipll size origin attachment)属性。 在CSS3多背景中,相邻背景之间必须使用逗号分隔开。 河南中医学院/阮晓龙713938213680/http://web.51xueweb.cn
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 1.背景属性 19 1.3多背景 CSS3多背景语法及参数 CSS3多背景语法和CSS中背景语法其实没有本质上的区别，只是在 CSS3中可以给多个背景图像设置相同或者不相同的background- （position||repeat||clip||size||origin||attachment）属性。 在CSS3多背景中，相邻背景之间必须使用逗号分隔开
20 1.背景属性 1.3多背景 口CSS3多背景语法及参数 ■具体语法如下 background: [background-imageI [background-position] [background-sizelI [background- repeat]I [background-attachment] [background-clip] I [background-origin) ■可以把上面的缩写拆解成以下形式: background-image: url1, url2.", urIN background-repeatrepeat1, repeat, -. repeat; background-position position, position2, -. position background-size: size1, Size2, -, SizeN background-attachment: attachment, attachment,., attachment background-clip clip1, clip2 -. ClipN, background-origin origin1, origin,., origin background-color color1, color2,, colon; 河南中医学院/阮晓龙713938213680/http://web.51xueweb.cn
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 1.背景属性 20 1.3多背景 CSS3多背景语法及参数 具体语法如下： 可以把上面的缩写拆解成以下形式：