css 中border-image 九宫格怎么理解,,求形象解答,小白不懂

html-css09

css 中border-image 九宫格怎么理解,,求形象解答,小白不懂,第1张

把一张用来做边框的图片横砍两刀,竖砍两刀,就变成一个由九个小图片组成的九宫格,其中四个角的四张图片就是边框的四个角,四条边上的四张图片就用来做边框的四条边。最中间的那个图片是边框包围着的实际内容,不属于边框,所以这张图片是用不到的,因此这个九宫格实际被利用到的就是四周的八张图片。

九宫格图片的制作方法如下:

手机:荣耀60。

系统:MagicUI5.0。

APP:微信v8.0.24。

1、打开微信,在底部的“发现”管理页中选择“小程序”。

2、搜索九宫格拼图,选择“九宫格照片拼图制作”。

3、选择“拼九格”。

4、点击加号,添加图片进来。

5、可以从手机相册里选择一张,调整好,点击“确认”。

6、连续添加九张,然后点击“保存图片”,在跳出的提示框中点击“允许”。

7、然后它就保存到我们的相册中了,可以发到朋友圈,也可以从这里直接推荐给好友。