1web

1web.背景图像P114

(1) background-image: url(img/bg5.jpg);背景图像
(2)background-repeat:背景重复的方式

repeat：沿水平和垂直两个方向平铺

no- repeat:不平铺，即背景图像只显示一次

repeat-x:只沿水平方向平铺

repeat-y:只沿垂直去方向平铺

(3)background-position:设置图像在背景中的位置

2.transform属性可以实现元素位移、旋转、缩放、倾斜**：

(1)translate(X,Y) X:表示水平移动；Y：表示垂直移动

(2)rotate(X) X为正数表示顺时针旋转；X为负数表示逆时针旋转 eg:rotate(30deg)

(3)scale(X,Y) 让元素在X轴或y轴上进行指定缩放倍数缩放

(4)skew(X,Y) eg:transform:skew(20deg,20deg)

(5)matrix() 组合函数，将所有的2D变形函数（位移、旋转、缩放、倾斜）组合在一起