html中如何设置图片不动

在HTML中，我们经常需要在网页中展示图片，但有时候我们需要有一个固定的图片不动，而其他内容可以滚动。这时候，我们可以使用CSS来设置固定不动的图片。

首先，我们需要给这个图片一个唯一的id，方便我们在CSS中选择它。

<img id="fixed-img" src="path/to/image">

然后，我们可以使用position: fixed;来让图片固定在页面上不动。

#fixed-img {
  position: fixed;
  top: 0;
  left: 0;
}

这里使用了top和left来设置图片的位置，如果需要让图片位于页面的其他部分，可以根据实际情况进行调整。

除了position: fixed;，我们还可以设置其他一些属性来让图片更符合我们的要求。例如，我们可以给它设置一个宽度和高度，以及对齐方式。

#fixed-img {
  position: fixed;
  top: 0;
  left: 0;
  width: 200px;
  height: 150px;
  margin: 20px auto;
  z-index: -1;
}

这里，我们设置了宽度为200px，高度为150px，并让它居中显示，并且把它的层级调整到了-1，这样其他内容就可以在它的上方滚动了。

总的来说，使用CSS来设置图片不动是一种简单而有效的方式，它可以让我们在网页中有更多的设计空间。希望这篇文章可以帮助到你。