HTML学习笔记 CSS背景样式案例 第六节 （原创） 参考使用表

body {
    background: blue;
    /*背景颜色,不能被继承*/
    background-image: url("http://mpic.tiankong.com/125/4a0/1254a004e301cef092bbb4259655e309/640.jpg");
    /*设置图片*/
    width: 900px;
    height: 900px;
    background-size: 500px 500px;
    /*设置图片大小*/
    background-repeat: no-repeat;
    /*设置图片不允许重复*/
    background-attachment: fixed;
    /*设置滚动页面的时候图片不滚动*/

}

p {
    width: 150px;
    height: 20px;
    background: red;
}

h2 {
    background-image: url("http://mpic.tiankong.com/125/4a0/1254a004e301cef092bbb4259655e309/640.jpg");
    /*设置图片*/

    background-repeat: repeat;
    /*设置图片允许重复(默认)*/
    background-repeat: repeat-x;
    /*设置图片X轴可以重复*/
    background-repeat: repeat-y;
    /*设置图片y轴可以重复*/
    background-repeat: no-repeat;
    /*设置图片不允许重复*/
    background-position: right center;
    /*设置图片起始位置可以写入 100px 100px*/

}