图片文件链接/百度网盘
如果demo05下载过则无需下载。
https://pan.baidu.com/s/1_WjoLu9bb2uxVyg3G4QTuA?pwd=0000
把图片文件下载下来与demo06放在同一文件夹内,进行引用
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>CSS3 resize调整大小</title>
</head>
<style>
.box {
resize:both;
width:400px;
height:400px;
border:1px solid #000;
overflow:auto
}
img {
width:200px;
height:200px;
padding:10px;
-webkit-box-sizing:border-box;
}
</style>
<body>
<div class="box">
<img src="images/bg.jpg" alt="">
<p>
CSS3中,resize属性指定一个元素是否应该由用户去调整大小。
这个div元素由用户调整大小。
</p>
</div>
</body>
</html>