[分享]css中如何给div加入图片

在 CSS 中添加图片到 div 标签中是一件非常常见的事情。 你可以使用背景属性或 img 标签在 div 元素中添加图片。 下面是如何使用这些方法为 div 添加图片的示例：// 在 CSS 中使...

在 CSS 中添加图片到 div 标签中是一件非常常见的事情。 你可以使用背景属性或 img 标签在 div 元素中添加图片。 下面是如何使用这些方法为 div 添加图片的示例：

// 在 CSS 中使用背景属性
div {
  background-image: url("image.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

// 在 HTML 中使用 img 标签
<div>
  <img src="image.jpg" alt="Alt text">
</div> 

当使用背景属性时，你可以通过设置 background-repeat 为 no-repeat 让图片不重复，并使用 background-size 属性来控制背景图的大小。 在使用 img 标签添加图片时，你可以在 div 标签中添加 img 标签来设置图片的位置和大小。 这两种方法都可以很好地为 div 添加图片。