css模拟九宫格布局定位加边框，缩放不变形

1、html里ul、li的布局。li里面写内容；外面统一控制；

2、样式处理，给li一个左浮动使其紧贴横排；宽度进来接近三分之一；一个相对定位，和内边距即可

3、用伪类：before定义右边框线，进行处理，可按需要调整位置长度

4、用伪类：after定义下边框。和上面相似；用定位不会有像素占用

5、网页端右边框显示的效果情况，定位在li的右边

6、网页端下边框显示的效果情况，定位在li的下边显示效果