<!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>
關於background-image調整大小和位置的方法筆記
免責聲明！
本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。