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中设置三张图片,让网页更加丰富多彩。