基本的九宫格圓角制作

此範例取自: 冰極峰

說明: 九宫格基本佈局

原理

將 .box 設為 relative, 並設 overflow:hidden, 將超出的部份都切掉.
然後讓裡面八個方位的 div 都設成 absolute, 然後將 z-index 設為 2, 分別定在四個角落上.
.box { overflow:hidden; position:relative; } .t_l,.t_m,.t_r,.b_l,.b_m,.b_r,.m_l,.m_r { position:absolute; z-index:2; }