关于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>
侵删 联系614506425@qq.com