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

/* 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標簽來引入圖片，通過設置width為100%，讓圖片自適應父元素的寬度，而通過height:auto保持高度與寬度的比例。這種方式適用于需要在文檔中內嵌圖片的情況。

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