[分享]css中如何设置三张图片

CSS是网页格式样式表的一种，我们可以通过CSS来控制网页的整体样式。今天我们来学习一下如何在CSS中设置三张图片。/ 设置三张图片 / .img1 { backgroundimage: url(&q...

CSS是网页格式样式表的一种，我们可以通过CSS来控制网页的整体样式。

今天我们来学习一下如何在CSS中设置三张图片。

/* 设置三张图片 */
.img1 {
    background-image: url("img1.jpg");
    background-size: cover;
    width: 200px;
    height: 200px;
}

.img2 {
    background-image: url("img2.jpg");
    background-size: cover;
    width: 200px;
    height: 200px;
}

.img3 {
    background-image: url("img3.jpg");
    background-size: cover;
    width: 200px;
    height: 200px;
} 

在上面的代码中，我们使用了background-image属性来设置图片的路径，background-size属性来指定图片的尺寸，width和height属性来指定图片的宽高。

在HTML中，我们可以通过添加类名来引用CSS中的样式：

<div class="img1"></div>
<div class="img2"></div>
<div class="img3"></div> 

在上面的代码中，我们在div标签中添加类名，然后引用CSS中对应的样式。

通过上面的方法，我们就可以在CSS中设置三张图片，让网页更加丰富多彩。