在網頁設計中，CSS被廣泛應用來控制網頁的樣式。其中，CSS圖文并茂標簽是一種重要的標簽，它可以實現同時顯示圖片和文字的效果。

<figure>
<img src="example.jpg" alt="example image">
<figcaption>這是一張示例圖片</figcaption>
</figure>

CSS圖文并茂標簽包含了<figure>和<figcaption>兩個元素。其中，<figure>元素用于包含圖片，<figcaption>元素用于描述圖片內容。

通過CSS樣式表，我們可以對CSS圖文并茂標簽進行樣式控制。比如，我們可以控制圖片位置、大小等。

figure {
text-align: center; /* 圖片居中顯示 */
margin: 10px auto; /* 設置圖片外邊距 */
}
img {
width: 400px; /* 設置圖片寬度 */
border: 1px solid #ccc; /* 設置圖片邊框樣式 */
}
figcaption {
font-style: italic; /* 設置圖片描述文字樣式 */
}

除了可以用于網頁中的圖片展示，<figure>和<figcaption>也可以用于其他內容的展示，比如視頻、音樂等，我們可以通過對樣式表的設置，輕松地實現不同內容的展示效果。