1. <!DOCTYPE html>
    2. <html lang="en">
    4. <head>
    5.     <meta charset="UTF-8">
    6.     <title>Title</title>
    7.     <style>
    8.         #divtest {
    9.             width: 400px;
    10.             height: 400px;
    11.             background-color: aqua;
    12.             background-image: url("img/2.jpg");
    13.             /*background: url("img/2.jpg") 10% 20% no-repeat;!*图片从左往右移动的百分比大小，从上往下百分比大小，重复方式 换成数值同样如此，在这里没有调整大小的方法*!*/
    14.             background-position: 10% 40%;
    15.             /*这个是按从左往右，从上往下的百分比位置进行调整*/
    16.             background-size: 50% 50%;
    17.             /*按比例缩放*/
    18.             /*background-size: 100px 100px;!*这个是按数值缩放*!*/
    19.             background-repeat: no-repeat;
    20.             /*还有repeat-x,y等*/
    22.         }
    23.     </style>
    24. </head>
    26. <body>
    27.     <div id="divtest"></div>
    28. </body>
    30. </html>