DIV CSS 佈局教程網

首先我們需要新建一個的Fireworks文檔, 從菜單選擇文件(file)- 新建(New)或 按CNTL+N. 將文件大小設定為 400x400 pixel.如果你要在網上使用這個圖像, 建議分辨率設置為72,當然這不是必須的.背景色為白色.

　　選擇橢圓工具。

　　畫一個圓。 然後在屬性面板設置大小為 100x100， 坐標：X :95 和 Y:205.現在畫第二個同樣大小的圓，坐標為： X:205 Y:95.

選中矩形工具，創建一個正方形並在屬性面板設置如下:110 x 110 X:145 Y:145||110 x 110 X:145 Y:145

　　選擇編輯 -全選 (或CNTL+a) ，執行Modify - Combine - Union。創建如下圖形。

現在我們需要二個圓角矩形。 首先在屬性面板中設定 roundness：80 ，畫出兩個圓角矩形，並在屬性面板中定義如下:120 x 120 X:195 Y:195 和 120 x 120 X:85 Y:85

　　我設置了一個不同的顏色來區分， 但你可以不必這樣做。

選擇左上方的圓角矩形和黑色的多邊形 (當進行多項選擇的請按住shift) 然後選擇Modify - Combine - Punch。 對另一個圓角矩形進行同樣的操作。

　　再畫二個圓，並設定其屬性如下:100 x 100 X:205 Y:205　100 x 100 X:95 Y:95

然後對其應用劍氣的aqua 教程。最終效果如圖