前端---HTML中背景相关属性

背景相关属性用于控制背景色,背景图片等属性.在控制背景图片的同时,还可以控制背景图片的排列方式.有如下几个常用的背景相关属性.

1.background:设置对象的背景样式.该属性是一个复合属性,可用于同时设置背景色,背景图片,背景重复模式等属性.该属性值格式如下:

              background-color backgroung-image background-repeat background-attachment background-position

2.background-color:用于设置背景色.如果同时设置了背景色和背景图片,则背景图片将覆盖背景色.

3.background-image:用于设置背景图片.如果同时设置了背景色和背景图片,则背景图片将覆盖背景色.该属性需要使用URl()函数指定图片地址,图片地址即可以是相对地址,也可以是绝对地址,并且也可以是base64.

4.background-repeat:适用于CSS1,用于设置对象的背景图片是否平铺.在指定该属性之前,必须先直径background-image属性.该属性有repeat,no-repeat,repeat-x,repeat-y 这四个值,分别是对于在纵向和横向同时平铺,不平铺,仅在横向平铺,仅在纵向平铺.

其他还有background-attachment和background-position属性不太常用这里不做过多介绍.

值	描述
background-color	规定要使用的背景颜色。
background-position	规定背景图像的位置。
background-size	规定背景图片的尺寸。
background-repeat	规定如何重复背景图像。
background-origin	规定背景图片的定位区域。
background-clip	规定背景的绘制区域。
background-attachment	规定背景图像是否固定或者随着页面的其余部分滚动。
background-image	规定要使用的背景图像。
inherit	规定应该从父元素继承 background 属性的设置。