您還可以參考一下文章：
43個PSD轉(zhuǎn)XHTML, CSS創(chuàng)建布局及導(dǎo)航輔導(dǎo)教程,解析事件背后的每一個步驟

我們將怎樣來處理?
我處理圓角的版本是由內(nèi)置的絕對定位的四個div組成，每個div都有唯一的圓角圖片作CSS Sprite操作。我們將會這樣做:

是什么方式導(dǎo)致這項技術(shù)表現(xiàn)得這么了不起呢（What makes this technique cool）?

通過可變的寬度和高度處理毗鄰的元素的能力。沒有極限。（The ability to make rounded-bordered elements with fluid width and height. No limits whatsoever.） 這項技術(shù)，正如我之前提到的，是與 CSS Sprites 結(jié)合操作完成的。如果您不知道這是項怎樣的技術(shù)或者說不知道怎么使用它，那么請先閱讀我 之前的文章。CSS sprites 都學(xué)會了嗎? 那我們就開始吧!

第一步: 創(chuàng)建我們的 Sprite

1、為矩形圓角圖片處理選擇一款編輯器 (在這個案例中我選擇的是Firework). 

2、切割并且導(dǎo)出圓角到本地臨時位置 (我們將會在之后用到). 

3、新創(chuàng)建一個文件，將圓角導(dǎo)入到這個新文件中，復(fù)制三次，然后旋轉(zhuǎn)這三個新切片得到另外的三個圓角。 
 

4、合成四個圓角為一張圖片, 并用 1px 的紅線 來區(qū)分它們. 
 

5、導(dǎo)出合成圖片，sprite 也就大功告成了。