前端学记之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;}