冰极峰教程篇：如何掌握九宫格基础布局技巧？

本文共计2235个文字，预计阅读时间需要9分钟。

创新：极地高峰+转载请注意出处+时间：2009年6月18日 12:05:34+极地高峰教程系列之一：九宫格基本布局+极地高峰教程系列之二：不可破的九宫格布局+极地高峰教程系列之三：三层分离的完美九

---

原创：冰极峰 转载请注明出处 时间：2009年6月18日 12:05:34

---

冰极峰教程系列之一：九宫格基本布局

冰极峰教程系列之二：牢不可破的九宫格布局

冰极峰教程系列之三：三层分离的完美九宫格

冰极峰教程系列之四：九宫格应用案例--极酷网页播放器设计

冰极峰教程系列之五：无hack并支持透明圆角框的全兼容九宫格布局

---

九宫格是一种比较古老的设计，它最基本的表现其实就像是一个三行三列的表格。其实它最初是在window的c/s结构中用得比较多，比如我们经常看到软件中的一个窗体，其实就是一个九宫格的典型应用，因为窗体需要在八个方向拉伸，所以在C/S软件中大量采用这种技术来布局设计。在B/S系统大行其道的当今社会，这种布局逐渐被一些网页设计师运用在网页中去，用得最多的就是在圆角框布局中应用。