簡易的CSS模板產生器,快速幫你切版出需要的區塊與大小,只需要調整Header、Footer的高度與所需要的左右側邊攔佈局,就會自動產生style.css原始程式碼,適用HTML4、HTML5版本編寫,另外其他CSS懶人工具還有:線上CSS陰影產生器、CSS選單線上製作、CSS圓角產生器。
由此前往:CSS模板產生器
CSS Layout Generator 模板產生器
STEP1
前往CSS Layout Generator,選擇要產生的HTML編寫版本DOCTYPE:HTML5,HTML4;Layout width尺寸大小;Header與Footer的高度;Fixed或Liquid Layout;Sidebars左右側邊欄位數,完成之後點一下Get the link。
STEP2
預覽看看是不是符合需求的版型,確認無誤後點Download .zip archive下載程式碼壓縮檔到電腦中。
STEP3
檔案開啟後,就會看到style.css和index.html檔,之後再加以修改,要製作網頁就相當快速了,懶人專用。
延伸閱讀:【色碼表】完整CSS顏色代碼查詢、CSS選單產生器