控制颜色和背景,包括颜色属性、背景颜色、背景图片、背景图片重复、背景图片固定、背景定位六个部分。
1、颜色属性 基本格式:color: 参数
颜色参数: 以RGB值表示、 以16进制(hex)的色彩值表示、以默认颜色的英文名称表示。其中最为常用的是RGB值。
2、背景颜色 基本格式:background-color: 参数
参数取值和颜色属性一样。
3、背景图片 基本格式:background-image: url(URL)
URL就是背景图片的存放路径。
4、背景图片重复 基本格式:background-repeat: 参数
此CSS控制背景图片平铺与否,即结合背景定位的控制可以在网页上的某处单独显示一幅背景图片。
参数取值:no-repeat:不重复平铺背景图片、 repeat-x:使图片只在水平方向上平铺 、
repeat-y:使图片只在垂直方向上平铺
如不指定重复属性,浏览器默认背景图片向水平、垂直两个方向上平铺。
5、背景图片固定 基本格式:background-attachment: 参数
固定控制背景图片是否随网页的滚动而滚动。一般浏览器默认背景图片随网页的滚动而滚动。
参数取值:fixed:网页滚动时,背景图片相对于浏览器的窗口而言,固定不动
scroll:网页滚动时,背景图片相对于浏览器的窗口而言,一起滚动
6.背景定位 基本格式:background-position: 参数表
背景定位用于控制背景图片在网页中显示的位置。
参数取值:带长度单位的数字参数、top:相对前景对象顶对齐 、bottom:相对前景对象底对齐
left:相对前景对象左对齐、right:相对前景对象右对齐、center:相对前景对象中心对齐
注意点:参数center用于另一参数前面,表示水平居中;用于另一参数后面,表示垂直居中。
第四课时学习内容结束!
