单词

  repeat 重复

background-image属性

用于设置元素的背景图片,通过url设置图片的路径，且路径写咋小括号中，可以不加引号

div1 {
     background-image:url(images/miao.jpg);
    }

background-repeat属性

定义背景图的平铺方式,吗，默认是会重复平铺的，想要设置背景图不平铺就要把该属性的属性值设置为no-repeat。

div {
    background-image: url(images/miao.jpg);
    background-repeat:no-repeat;
    }

background-attachment属性

用于设置背景图固定

div {
    width: 500px;
    height: 500px;
    background-color: yellow;
    background-image: url(images/miao.jpg);
    background-repeat:no-repeat;
    background-attachment:fixed
    }

练习