你可以把border-image.png中间镂空，然后在CSS中用border-image的时候，下刀的位置刚好是镂空位置的边缘，就可以实现你要的效果，如下图：
当然，效果的好坏处决于你所镂空的位置、下刀的位置和设置border的大小
这个要根据图片的色彩位数而定，只有24位色（又叫RGB模式）的图片才能实现不透明+半透明+全透明，而8位色（又叫索引颜色模式）则只能实现不透明+全透明。
GIF格式只有8位色模式，所以是不可能实现半透明的。
PNG既有8位色模式，也有24位色模式，所以在PS（或其他图片处理软件）中保存时要选择24位色模式才能实现半透明效果。
下面两个PNG图片，一个是8位色，另一个是24位色，你拿去对比一下就知道了：
css插入图片方法如下：
操作设备：戴尔笔记本电脑
操作系统：win10
操作程序：html编辑器v8.21
1、打开html编辑器并创建一个新的html文件。
2、新建完一个新的html文件后，在index.html的<style>标签中，输入如下所示的CSS代码。
3、输入完CSS代码之后，接下来运行index.html页面，可以发现，本地图片通过背景图片衜中的本地路径成功调用为了背景图片，图片就成功加入了。
