HTML如何在box里定义一张图片

1、新建一个html文档

2、在body标签输入<div id="box1"></div>定义一个盒子，如图所示

3、定义box大小，在head标签里输入

    <style type="text/css">

    </style>

如图所示

4、然后输入

        #box1{  

        width: 500px; 

        height: 500px; 

}

定义box长为500px，宽为500ox，如图所示

5、在div标签里输入<img src="1.jpg">，如图所示

6、最后按f12预览可以看到图片长和宽都是500px，因为盒子大小就是500*500