HTML Web图形样式基础3

6.定位背景图片

background-repeat属性：控制背景图片在元素内的重复方式

repeat（默认）；repeat-y（垂直重复）；repeat-x（水平重复）；no-repeat（无重复）

background-color属性：元素的背景颜色

任何有效的颜色值，如（background-color：#cccccc;）

background-image属性：元素的背景图片

url关键字加圆括号指定图片文件名或路径，如（background-image：url（like，jpg；）

background-position属性：背景图片的位置

两个百分比、像素值或者位置值（left、top、center、bottom、right），第一个值设置水平位置，第二个值设置垂直位置，默认居中。如（background-position：right，bottom；）

background-attachment：配置是允许图片在网页中滚动还是将其固定

fixed，scroll（默认）。如（background-attachment：fixed；）

background-size：配置背景图片的大小。这个CSS3属性并非所有浏览器都支持

两个百分比、像素值或者auto。第一个值指定宽度，第二个值指定高度。如果只提供一个值，第二个值默认为auto

background-origin：配置背景定位区域。这个CSS3属性并非所有浏览器都支持

padding-box,border-box,content-box

background-clip属性：配置背景绘图区域。这个CSS3属性并非所有浏览器都支持

padding-box,border-box,content-box