在網(wǎng)頁設(shè)計中，常常需要使用圖片來裝飾頁面或作為內(nèi)容的一部分，而figure標簽就提供了一種方便處理圖片和說明文本的方法。

figure {
display: block;
margin: 0;
padding: 0;
}
figure img {
max-width: 100%;
height: auto;
}
figure figcaption {
font-size: 1.2rem;
font-style: italic;
text-align: center;
}

figure標簽主要用于封裝一組相關(guān)的圖片，同時還可以添加相應(yīng)的標題或說明。使用figure標簽可以更方便的控制圖片的顯示和布局，同時也有利于頁面語義的描述。

在上面的代碼中，我們可以看到figure標簽的基本樣式，其中display設(shè)置為block，使其獨占一行，margin和padding都設(shè)置為0，確保圖像與外部元素之間沒有任何空隙。

而針對圖片本身，我們使用img標簽樣式將其最大寬度設(shè)置為100%，高度自動調(diào)整，確保圖片在任何大小的屏幕上都能夠完整顯示。

最后，我們還可以為figure標簽下的figcaption元素添加樣式，包括字體大小、字體樣式和對齊方式等，以更好地展示圖片的相關(guān)信息。