纯修饰性的图片，加到背景中，不要过多添加<img>标签
background-position:水平（left/right) 垂直（top/bottom)
如果使用px为对应的角离开对应的变得距离
如果是%为背景图像中某点离开的距离
圆角框
- 上下使用圆角的背景图像background
- 设置border-radius为变框角的半径：50%或者是width/2那么就是转角是1/4圆（与浏览器相关的扩展Firefox使用-moz前缀即写成-moz-border-radius Safari 使用-webkit-border-radius)
- border-image属性
-webkit-border-image:url(xxx);
25% 25% 25% 25%/25px round round;
投影
box-shadow:垂直、水平便宜 投影宽度 颜色
不透明度
rgba同时设置颜色和不透明度 a=alpha透明度
0.8表示透过20%的内容 1表示完全不透出背景的颜色