css引入图片html怎写

在网页开发中，很多时候需要使用图片来装扮网页。我们可以使用CSS来引入图片。以下是具体的步骤和代码示例。 首先，在HTML文件中添加一个img元素，即：

<img src="images/pic.jpg">

其中，src属性指定图片的路径和文件名。在这个例子中，图片存储在images文件夹中，并被命名为pic.jpg。 接下来，在CSS文件中为img元素添加样式，即：

img {
    width: 100%;
    height: auto;
}

在这个例子中，我们为img元素设置了宽度为100%，高度为自适应。这样做的好处是，只需要添加一次样式，就可以对所有图片生效。 另外，我们也可以使用background-image属性来为元素添加背景图片。以下是代码示例：

div {
    background-image: url(images/bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

在这个例子中，我们为一个div元素设置了背景图片，并对图片的重复方式和尺寸进行了设置。通过设置background-position属性，我们还能够控制图片在元素中的位置。 总结来说，通过CSS引入图片的方法十分简单。只需要在HTML文件中添加img元素，并在CSS文件中为其设置样式或使用background-image属性即可。这样做能够有效地装扮网页，增加网页的美观程度。