在网页中，我们经常需要使用图片来丰富页面内容。那么，我们如何使用标签在CSS中放置图像呢？下面主要介绍三种最常用的方法。
1。使用img标签
img {
高度：200px；
宽度：200px；
}这是最基本的图片放置方式。通过设置img标签的高度和宽度，可以显示图片的大小。在HTML中，我们通常会在img标签中添加src属性来引用图像的路径。
2。使用背景图像属性
div {
高度：400像素；
宽度：400px；
背景图像: url('图像路径');
}这个方法是直接在CSS中使用background-image属性来设置图片的背景。这样就可以通过设置容器的大小来控制显示图像的大小。同时，还可以使用background-position属性来调整图像在容器中的位置。
3。使用 ::before 或 ::after 伪元素
div::之前{
内容： ””;
显示：块；
高度：200px；
宽度：200px；
背景图像: url('图像路径');
}
div::之后{
内容： ””;
显示：块；
高度：200px；
宽度：200px；
背景图像: url('图像路径');
}要使用伪元素，需要使用 ::before 或 ::after 伪元素添加图像并设置其高度、宽度和背景图像。这样就可以在容器的特定位置添加图片来装饰或补充内容。
