1.CSS3背景，渐变，蒙版 

  （1）背景原点  用来决定图片的原始起始位置

          background-origin：padding-box; (默认)

          border-box | padding-box | content-box

  （2）背景切割 将背景图片做适当的裁剪，以适应需要

          background-clip ：

          border-box | padding-box | content-box

  （3）背景尺寸

          background-size：200px,100px;

          1>length 长度值

          2>percentage 百分比 100% 50%

          3>cover 等比例缩放到完全覆盖容器

          4>contain 包含在容器内

  （4）背景透明

          1.background-color：rgba(134,125,222,0.5);三原色 透明度

          2.opacity:0.5; 兼容写法：filter：alpha(opacity=50);

  （5）背景渐变

          background:-webkit-linear | radial-gradient (水平起点 垂直起点 , 颜色1 ?百分比%, 颜色2 ?百分比%, ... ,颜色N 100%);

          1>线性渐变

            background:-webkit-radial-gradient(50px 50px,#fff  1%,#000 100%)

          2>径向渐变

            background:-webkit-linear-gradient(top,#000 0%,#fff 36%,#000 100%) 

    远近互联前端小华整理发布，希望能对学习技术的你有所帮助

    远近互联专业提供网站建设、APP开发、网站优化、外贸网站SEO、微信运营的品牌整合营销服务，让客户通过网络品牌建立与网络传播提高业绩。

石家庄网站优化 石家庄网站建设 CSS3背景