1. 程式人生 > >網頁佈局練習二

網頁佈局練習二

製作樣式如圖:


css程式碼:


html程式碼:



製作效果:


製作思路:

首先設定一個大的DIV包含所有內容,設定寬度,設定居中。DIV內又設定兩個DIV,分上下,上的DIV製作導航欄。下的DIV又新增兩個DIV,分左右。左邊的DIV裡面又分兩個DIV分上下部分。