1. 程式人生 > >1月16號頁面佈局練習

1月16號頁面佈局練習

製作效果:


html程式碼:


css程式碼:


製作思路:

先用一個div包含內容,設定寬度居中。div內有4個DIV,第一行div代logo和搜尋框之類,第二行代表導航欄,第三行代表banner也即是輪播圖片,第四行是內容區。第一行製作方法是:先給第一行div設定高度和顏色,新增兩個小的div,兩個各自設定寬度和高度還有背景色,各自向左向右浮動。其他div向上間隔15畫素。