问题原因
因为background会延伸到border下的，只是日常我们边框都是不透明的，所以才没发现
解法
通过box-shadow去模拟border 不推荐
背景裁剪
background-clip: padding-box;
| 值 | 说明 |
|---|---|
| border-box | 默认值。背景绘制在边框方框内（剪切成边框方框） |
| padding-box | 背景绘制在衬距方框内（剪切成衬距方框） |
| content-box | 背景绘制在内容方框内（剪切成内容方框） |
| text | 背景会被裁剪成文字的颜色及形状 |
