前端学记之CSS-背景

CSS背景

.txt{
    /*背景颜色*/
    background-color: #888888;
    /*背景图片*/
    background-image: url("../h5/cat.png"),url("../h5/cat.png");
    /*以上俩同时存在，颜色在最后一层*/
    /*平铺*/
    background-repeat: no-repeat;
    /*内容背景同时滚动*/
    background-attachment: local;
    /*设置位置*/
    background-position: 10px 20px;
    /*线性渐变*/
    background-image: linear-gradient(red,yellow);
    /*半径渐变*/
    background-image: radial-gradient(circle,red,yellow);

    /*循环平铺*/
    background-image: repeating-linear-gradient();
    background-image: repeating-radial-gradient();
    /*将背景指向哪一个box*/
    background-origin: content-box;
    /*将背景指向哪一个box，多余裁剪*/
    background-clip: content-box;
    /*定义背景大小自动*/
    background-size: auto;
    /*图片尽可能的大*/
    background-size: contain;
    /*图片尽可能的小*/
    background-size: cover;
}