css多图平铺英语,css-background：平铺、固定、位置、复合以及半透明

1.1背景图片

bakeground-image 属性描述了元素的背景图像。实际开发常见于logo或者一些装饰性的小图片或者是超大的背景图片，优点是非常便于控制位置。(精灵图也是一种运用场景)

background-image:none|url(url)

1.2背景平铺

background-repeat:repeat|no-repeat|repeat-x|repeat-y

平铺效果:background-repeat:repeat

image.png

不平铺效果：background-repeat:no-repeat

image.png

x轴平铺：background-repeat:repeat-x

y轴平铺：background-repeat:repeat-y

1.3背景位置-方位名词

利用background-position属性可以改变图片在背景中的位置

background-position:x y;

参数值

说明

length

百分数\浮点数字和单位标识符组成的长度值

position

top\center\bottom\left\right \center 方位名词

案例1：小图标文字