细节注意 盒子：border-box | padding-box | content-box用于background-origin背景的开始和background-clip的剪切位置。渐变也是生成一张图片相当url(),可以在前面或者后面加 repeat background-size其他等多层背景，最后加背景颜色哦，当然其他也能加，但是前面加的就覆盖最后的了。例子：240px 120px/100% 200px，这里面的背景开始位置position/背景尺寸size都是x和y方向，可以负值，可以百分比（以当前div的宽高，而不是背景图片的宽高的百分比）。position和origin开始位置的区分
文档： doyue的手册
代码： js bin
这是一段字体
结果1
结果2
