簡易的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選單產生器