把一张用来做边框的图片横砍两刀，竖砍两刀，就变成一个由九个小图片组成的九宫格，其中四个角的四张图片就是边框的四个角，四条边上的四张图片就用来做边框的四条边。最中间的那个图片是边框包围着的实际内容，不属于边框，所以这张图片是用不到的，因此这个九宫格实际被利用到的就是四周的八张图片。
<style>.a{width:300pxheight:300pxborder:1px solid #cccborder-right:0border-bottom:0}
.a div{width:99pxheight:99pxborder-right:1px solid #cccborder-bottom:1px solid #cccfloat:left}
</style>
<div class="a">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
这个应该不用position吧 这样显得好复杂
