<!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删除。