多背景的事例分享
我们在写一个网页的时辰，凡是城市为页面添加一个布景，增添页面的美不雅，可是若是为一个元素添加多个布景要若何实现呢？小编就为大师分享一下本身做的事例；
东西/原料
- 电脑
- 英雄联盟
方式/步调
- 1
既然我们是为做例子，就简单的做一下，（复杂也不会...........），先在页面中写一个 div，div中包含一些文字；
- 2
这里我们先介绍一个属性 border-radius，这个属性可以让我们把边框的直角换为圆弧，如图二所示；
- 3
在节制一下 div 中的文字样式，位置；
text-align：center；节制居中
line-height;1.5;行高节制；
- 4
然后我们用如图一如许的写入代码，添加布景，注重，最底层的布景必然要写到最后，用逗号朋分；结果如图二；
- 5
之后我们用
background-position这个属性依次节制图片布景的位置，左上，右上，左下，右上，
- 6
这时布景仍是无法完全贴着边框，我们再用
background-origin：border-box；
节制原点属性，以边框为原点；
注重事项
- 仅作分享；
- 发表于 2018-04-09 00:00
- 阅读 ( 676 )
- 分类：其他类型
admin
0 篇文章
作家榜 »
-
xiaonan123
189 文章
-
汤依妹儿
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
华志健
23 文章