遇到background-image的问题有点多，直接上网搜资料自己整理一下
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> #divtest{ width:400px; height:400px; background-color: aqua; background-image: url("img/2.jpg"); /*background: url("img/2.jpg") 10% 20% no-repeat;!*图片从左往右移动的百分比大小，从上往下百分比大小，重复方式 换成数值同样如此，在这里没有调整大小的方法*!*/ background-position: 10% 40%;/*这个是按从左往右，从上往下的百分比位置进行调整*/ background-size: 50% 50%;/*按比例缩放*/ /*background-size: 100px 100px;!*这个是按数值缩放*!*/ background-repeat: no-repeat;/*还有repeat-x,y等*/ } </style> </head> <body> <div id="divtest"></div> </body> </html>