css中加入图片的代码

CSS中加入图片的代码可以通过使用background属性或者使用img标签来实现。下面我将分别介绍这两种方法。

1、使用background属性加入图片：

在CSS中，可以使用background属性来为元素添加背景图片。该属性可以接受图片的URL作为值，并可以设置背景图片的位置、重复方式、大小等属性。

例如，假设我们有一个div元素，我们希望为该元素添加一个背景图片，可以使用以下代码：

div {
  background-image: url("image.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

上述代码中，background-image属性指定背景图片的URL为"image.jpg"，可以根据实际情况修改为自己的图片路径。background-position属性指定背景图片的位置为居中，background-repeat属性指定背景图片不重复，background-size属性指定背景图片的大小为尽可能覆盖整个div元素。

需要注意的是，如果背景图片的路径是相对于CSS文件的，那么需要考虑CSS文件的相对路径。还可以使用background属性的简写形式来设置背景图片，如：

div {
  background: url("image.jpg") center no-repeat / cover;
}

上述代码中，使用了简写形式的background属性，其中"/"后面的cover表示背景图片的大小为尽可能覆盖整个div元素。

2、使用img标签加入图片：

除了使用background属性，还可以使用img标签来插入图片。img标签是HTML中的一个标签，可以直接在HTML文档中使用。

例如，假设我们有一个img标签，我们希望在网页中插入一张图片，可以使用以下代码：

<img src="image.jpg" alt="描述图片的文字">

上述代码中，img标签的src属性指定图片的URL为"image.jpg"，可以根据实际情况修改为自己的图片路径。alt属性用于指定图片的替代文本，当图片无法加载时，将显示替代文本。

需要注意的是，img标签是一个自闭合标签，不需要闭合标签。

通过使用background属性或者img标签，我们可以在网页中添加图片。在实际应用中，可以根据具体需求调整背景图片的位置、重复方式、大小等属性，或者使用img标签来插入图片，并通过设置图片的URL和替代文本来实现不同的效果。还可以结合CSS的其他属性和选择器来进一步美化页面，实现更丰富的视觉效果。