CSS中插入圖片是網(wǎng)頁(yè)制作中常用的技巧之一，它能讓頁(yè)面更加生動(dòng)、富有層次感。下面介紹如何在CSS中插入圖片。

/*在CSS中為元素設(shè)置背景圖片*/
p{
background-image: url('圖片路徑');
background-repeat: no-repeat; /*背景圖片不重復(fù)*/
background-size: cover; /*圖片大小自適應(yīng)元素大小*/
}
/*設(shè)置元素的寬高*/
p{
width: 200px;
height: 200px;
}
/*在CSS中為img標(biāo)簽設(shè)置樣式*/
img{
width: 200px;
height: 200px;
}

在CSS中插入圖片有兩種方式，一種是使用background-image屬性為元素設(shè)置背景圖片，另一種是使用img標(biāo)簽。使用background-image屬性設(shè)置背景圖片是比較常用的方式，這樣可以讓元素的背景更加豐富。img標(biāo)簽和background-image雖然都可以實(shí)現(xiàn)插入圖片的效果，但img標(biāo)簽更多用于插入頁(yè)面中需要實(shí)時(shí)加載的圖片，如用戶頭像等。

最后需要注意的是，在為元素設(shè)置背景圖片時(shí)，需要確保圖片的路徑是正確的。如果圖片路徑錯(cuò)誤，將無(wú)法正常顯示圖片。