CSS是一种用于网页样式设计的语言，可以帮助我们将网页设计得更美观、更有吸引力。在网页设计中，经常需要使用图片来增加网页的视觉效果。本文将为大家介绍如何在CSS中加入图片。 首先，我们需要在HTML中使用标签来添加图片。例如：

<img src="image.png" alt="图片描述">

这个标签告诉浏览器在屏幕上显示一张名为"image.png"的图片，并且如果图片无法显示，就显示"图片描述"。 然后，我们可以使用CSS来修改图片的样式。例如，我们可以将图片设置为居中显示：

img {
display: block;
margin: 0 auto;
}

这个CSS代码将图片设置为块级元素，并将图片的左右间距都设置为自动，让图片在容器中居中显示。 我们还可以使用CSS来调整图片的大小。例如，我们可以将图片宽度设置为容器的一半：

img {
width: 50%;
}

这个CSS代码将图片的宽度设置为所在容器的一半，让图片随着容器的大小自适应。 如果我们想将图片设置为背景图，我们可以使用background属性。例如：

div {
background-image: url("image.png");
}

这个CSS代码将指定容器的背景图为"image.png"。 最后，我们可以使用CSS的伪元素:before和:after来插入图片。例如：

div:before {
content: "";
background-image: url("image.png");
display: block;
width: 100px;
height: 100px;
}

这段CSS代码将在div元素前插入一个宽高为100px的空元素，并将这个空元素的背景图设置为"image.png"。 总结起来，加入图片的步骤有两个：先在HTML中使用标签添加图片，再使用CSS来修改图片的样式或插入图片。我们可以使用上述的CSS代码来调整图片的大小、位置、以及样式，使网页更加美观动人。