DIV CSS 佈局教程網

 　　用Fireworks CS5軟件能夠制作出漂亮的3D網格線，3D網格線的制作，主要通過網格和線條、矩形工具的簡單應用，部分選擇工具的使用的運用來進行的。下面就以一個實例來進行說明。

　　1、新建一文檔，大小自定，顏色為“白色”;

　　2、選擇菜單【視圖】|【網格】|【顯示網格】打開顯示網格功能;

　　3、選擇菜單【視圖】|【網格】|【編輯網格】將網格的大小設定位“30*30”;

　　4、在工具箱中選擇“直線”工具，將線條顏色設定為“綠色”，在編輯區中畫出“8行8列” 的作圖范圍;

　　5、鎖定“圖層1”並新建一個圖層2;

　　6、選擇“矩形”工具，將矩形的邊線設置為“黑色”，粗細設置為“1”個像素，畫出一個“8行1列的矩形”;

　　7、接著用同樣的方式，並以第一個矩形的左邊線為起點，畫出一個“7行2列”的矩形;

　　8、以此類推同理畫出8個矩形，最後一個矩形為“1行8列”;

　　9、隱藏“圖層1”，並設置為網格線不可見並將網格線關閉;

　　10、利用快捷鍵“Ctr l+A”選中所有的圖形，並選擇【修改】|【組合】，組合所有圖形;

　　11、使用“部分”定”工具，選中第一個矩形的右上角節點，按鍵盤上的“Delete”鍵，將其刪除，同理刪除其它矩形右上角的節點;網格線效果制作完畢。