css中引入图片的方法

在网站开发中，我们经常需要在页面中引入图片来丰富页面内容，CSS 中引入图片的方法也有多种，本文将介绍其中两种常用的方法。 方法一：直接在 CSS 样式表中使用 URL 路径引入图片 在 CSS 样式表中，我们可以直接使用 URL 路径引入想要使用的图片，如下所示：

p {
    background-image: url("/images/icon.png");
}

在这个例子中，我们将使用路径 /images/icon.png 引入图片，把它设置为 P 标签的背景图。这种方法的优点是引入简单，只需要在 CSS 样式表中写明路径即可，但缺点是会把图片作为背景图片来使用，无法在网页中直接显示该图片内容。 方法二：在 HTML 代码中使用 HTML 标签和属性引入图片 另外一种方法是在 HTML 代码中使用 HTML 标签和属性引入图片，这种方法的优点是在网页中直接显示图片内容，但需要在 HTML 代码中增加标签和属性，如下所示：

这是一张图片：

在这个例子中，我们使用了 img 标签，并设置了 src 属性为路径 /images/icon.png，表示引入图片的路径，alt 属性用于设置图片的描述信息。这种方法可以在网页中直接显示图片内容，方便浏览者在浏览网页时直接查看图片。 通过这两种方法，我们可以方便地在网站开发中引入图片，并根据需要选择使用相应的方法。