background/rgba/border-radius/box-shadow

纯修饰性的图片，加到背景中，不要过多添加<img>标签

background-position:水平（left/right) 垂直（top/bottom)

如果使用px为对应的角离开对应的变得距离   

如果是%为背景图像中某点离开的距离

圆角框

1. 上下使用圆角的背景图像background
2. 设置border-radius为变框角的半径：50%或者是width/2那么就是转角是1/4圆（与浏览器相关的扩展Firefox使用-moz前缀即写成-moz-border-radius Safari 使用-webkit-border-radius)
3. border-image属性

-webkit-border-image:url(xxx);

25% 25% 25% 25%/25px round round;

投影

box-shadow:垂直、水平便宜 投影宽度 颜色

不透明度

rgba同时设置颜色和不透明度  a=alpha透明度

0.8表示透过20%的内容  1表示完全不透出背景的颜色