<!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调整大小和位置的方法笔记
最新推荐文章于 2024-04-19 09:39:59 发布
6743
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
