css中插入图片控制大小

在HTML中，在一个div元素中插入一张图片：

<div class="image">
  <img src="图片地址" alt="图片描述">
</div> 

然后使用CSS去控制该图片的大小和位置：

.image {
  background-image: url('图片地址');
  background-repeat: no-repeat;
  background-position: center center;
  width: 300px;
  height: 200px;
} 

这种方法的好处是，可以在CSS中使用尺寸和位置属性去控制图片的大小和位置，并且不会改变图片的原始文件尺寸和比例。

如果你想在HTML代码中直接使用IMG元素，你也可以使用CSS的width和height属性去控制它的大小：

<img src="图片地址" width="300" height="200">

或者

<img src="图片地址" style="width: 300px; height: 200px;"> 

然而，这种方法可能会导致图片变形或失真，因为它会改变原始文件的尺寸和比例。因此，建议在CSS中使用背景属性来控制图片的大小。

总结来说，使用CSS的背景属性去控制图片的大小和位置是最好的方法。这种方法可以防止图片失真、保护原始文件的尺寸和比例，并且可以在CSS中使用更多的属性去控制它的样式。