CSS中常用的背景属性

css中允许使用纯色背景  也允许使用图片背景用来构造一些复杂的背景

属性名

说明

background-color

设置元素的背景颜色。

background-image

背景图片

background-repeat

背景重复

background-color用来设置背景色   默认背景色是透明色 其默认值是 transparent

可用颜色名称  RGB RGBA  以及十六进制来描述颜色

 background-image:给元素设置背景图片  默认值为none  表示无任何背景

设置背景时需要设置url属性  或者设置一个图片路径

background-repeat用来设置背景图片是否重复

repeat 重复(默认值)

repeat-x 图片在横向上平铺

repeat-y 图片在纵向上平铺

no-repeat 不重复平铺

background-position用来设置背景图片在文档中的位置

可以使用一些关键字:top  bottom  left  right  center  来设置背景图片位置

以及使用百分比或者数字来描述文字位置

background-size  用来设置背景图片的尺寸大小

设置背景图片尺寸的参数:可以为长度单位:px、%,也可以用关键字cover和contain。

cover: 按照最小宽或最小高来做拉伸,背景图片能够铺满设备屏屏幕,并不会造成图片失真。

contain:按照最大宽度或最大高度来做拉伸,但是背景图片有可能不能铺满设备屏幕。

你可能感兴趣的:(css,html,css3)