如果阁下想玩进阶版的背景图样式请移步【进阶版九宫格背景图片】如何仅仅依靠background的几个属性组合搭配出酷炫的背景图片效果，并自适应任何宽高效果？_你挚爱的强哥❤给你发来1条消息❤-CSDN博客 

实现如图效果的背景图

将背景切片为head、body、foot三个png

head.png高度73px

body.png高度1px

foot.png高度69px

    /*背景图片*/background: url(~@/assets/head.png) no-repeat centertop/100% 73px,url(~@/assets/body.png) no-repeat center 73px/100%calc(100% - 73px - 69px),url(~@/assets/foot.png) no-repeat center bottom/100%69px;