多背景的事例分享

     我们在写一个网页的时辰，凡是城市为页面添加一个布景，增添页面的美不雅，可是若是为一个元素添加多个布景要如何实现呢？小编就为大师分享一下本身做的事例；

工具/原料

• 电脑
• 英雄联盟

方式/步骤

1. 1

   既然我们是为做例子，就简单的做一下，（复杂也不会...........），先在页面中写一个 div，div中包含一些文字；

   
2. 2

   这里我们先介绍一个属性 border-radius，这个属性可以让我们把边框的直角换为圆弧，如图二所示；

   
3. 3

   在节制一下  div  中的文字样式，位置；

   text-align：center；节制居中

   line-height;1.5;行高节制；

   
4. 4

   然后我们用如图一如许的写入代码，添加布景，注重，最底层的布景必然要写到最后，用逗号朋分；结果如图二；

   
5. 5

   之后我们用

   background-position这个属性依次节制图片布景的位置，左上，右上，左下，右上，

   
6. 6

   这时布景仍是无法完全贴着边框，我们再用

   background-origin：border-box；

   节制原点属性，以边框为原点；

   

注重事项

• 仅作分享；