如果你想在網頁中加入圖片，CSS可以幫你輕松實現。本文將介紹兩種在CSS中加入圖片的方法。

方法一：設置背景圖

//html代碼
<div class="bg-img">
<h1>這是一個背景圖例子</h1>
</div>
//CSS代碼
.bg-img{
background-image: url(圖片路徑);
background-size: cover;
//其他樣式
}

在CSS中，可以使用background-image設置背景圖。通過設置background-size為cover，可以確保圖片鋪滿整個容器。

方法二：使用img標簽

//html代碼
<div class="img-box">
<img src="圖片路徑" alt="圖片說明">
</div>
//CSS代碼
.img-box{
//其他樣式
}
.img-box img{
width: 100%;
//其他樣式
}

另一種在CSS中加入圖片的方法，就是使用img標簽，并通過CSS給img標簽設置樣式。這種方法在圖片需要占據整個容器時不能使用，但如果想讓圖片與其他元素混排，這種方法就很實用了。