CSS提取PNG圖標，是前端開發中非常實用的技巧。以下是具體步驟：

.icon-close {
background-image: url('close.png');
width: 16px;
height: 16px;
display: inline-block;
background-repeat: no-repeat;
background-position: center;
}

以上代碼創建了一個名為.icon-close的CSS類，它使用close.png作為背景圖片，使用寬度和高度屬性將圖標大小設置為16x16px。同時，我們使用display:inline-block將它渲染成塊級元素，使它能垂直居中。

我們還設置了background-repeat:no-repeat和background-position:center，確保關閉圖標不會平鋪，而是在容器中居中顯示。

現在，在HTML中使用這個圖標，只需添加以下代碼：

<div class="icon-close"></div>

現在我們已經學會了如何用CSS提取PNG圖標，這讓我們能夠更靈活地使用圖標，并且減少了HTTP請求次數。不過，要注意在使用圖標時，要考慮圖標清晰度以及頁面性能。