那种一张图片被分成9格的功能怎么实现的？
PS的切片工具、CDR的图纸工具、美图秀秀都可以做到。
1、首先打开美图秀秀，打开任意一张需要的图片；
2、点击工具栏中的拼图选项；
3、选择拼图模板，选择9张图模板，点击需要的九宫格模板；
4、添加图片，上传其余8张需要的图片；
5、图片上传完成后，可以点击图片列表中的图片实现删除替换。预览框中图片可以随意拖动，通过调整图片位置，实现最满意的效果；
6、为了使九宫格更佳美观，可以将左下角的直角切换为圆角（当然，这是根据自己的需要）；8、除了圆直角的切换，另外，通过选择边框可以实现九宫格图形空白区域的底色填充，让这个画面更佳漂亮；8、所以设置完成后，即点击保存与分享按钮实现图片的保存，选择合适的大小，格式，和名称。点击保存图片。
将一张图片分成9格是通过CSS属性中的“background-position”实现的。首先，图片被设置为页面上的一个元素，然后将其背景图像通过CSS样式属性设置为原始的完整图像。
接下来，为该元素每个格子设置不同的“background-position”属性值，以显示原始图像的对应部分。
每个格子的“background-position”值是基于一个坐标系，它将原始图像的左上角设置为原点。
通过调整每个格子的坐标，可以将整个图像分成九个部分，然后，可以使用其他CSS属性来改变每个格子的背景图像，还可以添加其他效果。