4.背景的样式 background

背景的样式 background

// css中访问网络图片
  background-image: url('http://assets.bkenglish.cn/beijing.png');
/* 背景颜色 */
    background-color: blue;
/* 渐变背景颜色 */
background: -webkit-linear-gradient(left,pink,lightblue,skyblue);
 /* 平铺方式  默认是平铺  no-repeat是不平铺*/
    background-repeat: no-repeat;
 /* 位置 */
    background-position: 10px 20px;显示位置在距离X轴10px Y轴20px
    background-position: center center;显示位置在正中间
 /* 大小 背景图宽度和容器宽度保持一致  */
    background-size: 100% 100%; 可能会导致图片变形
   background-size: cover; 使用适合的比例显示，但是会被裁减
  /* 设置图片等比缩放 */
  background-repeat: no-repeat;
  background-size: 100% 100%;
  -moz-background-size: 100% 100%;