我们在写一个网页的时候，通常都会为页面添加一个背景，增加页面的美观，但是如果为一个元素添加多个背景要如何实现呢？小编就为大家分享一下自己做的事例；
工具/原料
1
电脑
2
英雄联盟
方法/步骤
1
既然我们是为做例子，就简单的做一下，（复杂也不会...........），先在页面中写一个 div，div中包含一些文字；
2
这里我们先介绍一个属性 border-radius，这个属性可以让我们把边框的直角换为圆弧，如图二所示；
3
在控制一下 div 中的文字样式，位置；text-align：center；控制居中line-height;1.5;行高控制；
4
然后我们用如图一这样的写入代码，添加背景，注意，最底层的背景一定要写到最后，用逗号分割；效果如图二；
5
之后我们用background-position这个属性依次控制图片背景的位置，左上，右上，左下，右上，
6
这时背景还是无法完全贴着边框，我们再用background-origin：border-box；控制原点属性，以边框为原点；
注意事项
仅作分享；