设计
CSS Grid 生成
可视化生成 Grid 布局 CSS。
构建具有命名区域的CSS网格
绘制字母网格以定义模板区域，或选择预设。预览中每个区域以不同色调显示。
常见问题
什么是 grid-template-areas？
一种为布局区域（header、sidebar、main…）命名，并按名称而非网格线编号放置项目的方式。点击下方单元格绘制区域字母，CSS 会实时更新。
能从预设开始吗？
可以——十种布局预设（包括 Holy grail、dashboard、magazine 和 app shell）可一键载入命名区域。
会上传任何东西吗？
不会。CSS 完全在你的浏览器中生成。
最后更新: