在CSS中，圖片有兩種方式來(lái)呈現(xiàn)：img和background-image，下面我們來(lái)分別說(shuō)明它們的使用方法：

/* img方式 */
<img src="images/example.jpg" alt="example" />
img {
width: 100%;
height: auto;
}
/* background-image方式 */
.example {
background-image: url('images/example.jpg');
background-size: cover;
background-position: center;
}

在img方式中，我們使用img標(biāo)簽來(lái)引入圖片，通過(guò)設(shè)置width為100%，讓圖片自適應(yīng)父元素的寬度，而通過(guò)height:auto保持高度與寬度的比例。這種方式適用于需要在文檔中內(nèi)嵌圖片的情況。

在background-image方式中，我們通過(guò)設(shè)置元素的background-image屬性來(lái)引入圖片，并通過(guò)background-size和background-position屬性來(lái)控制圖片的大小和位置，這種方式適用于需要作為元素背景的情況。需要注意的是，這種方式的圖片不會(huì)占用DOM空間，而是在CSS中呈現(xiàn)，因此對(duì)于SEO不太友好。