css中如何给div加入图片

发表于前端技术学习版块 css,教程

在 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 添加图片。

文章说明:

本文原创发布于探乎站长论坛，未经许可，禁止转载。

题图来自Unsplash，基于CC0协议。

该文观点仅代表作者本人，探乎站长论坛平台仅提供信息存储空间服务。