我们在写一个网页的时辰， 凡是城市为页面添加一个布景， 增添页面的美不雅， 可是若是为一个元素添加多个布景要若何实现呢？小编就为大师分享一下本身做的事例；
文章插图
需要这些哦
电脑
英雄联盟
方式/
1既然我们是为做例子， 就简单的做一下， （复杂也不会...........）， 先在页面中写一个 div， div中包含一些文字；
文章插图
文章插图
2这里我们先介绍一个属性 border-radius， 这个属性可以让我们把边框的直角换为圆弧， 如图二所示；
文章插图
文章插图
3在节制一下 div 中的文字样式， 位置；
text-align：center；节制居中
line-height;1.5;行高节制；
文章插图
文章插图
4然后我们用如图一如许的写入代码， 添加布景， 注重， 最底层的布景必然要写到最后， 用逗号朋分；结果如图二；
文章插图
文章插图
5之后我们用
background-position这个属性依次节制图片布景的位置， 左上， 右上， 左下， 右上，
文章插图
文章插图
6这时布景仍是无法完全贴着边框， 我们再用
background-origin：border-box；
【多背景的事例分享】节制原点属性， 以边框为原点；
文章插图
文章插图
注重事项仅作分享；
以上内容就是多背景的事例分享的内容啦， 希望对你有所帮助哦！
推荐阅读
- 测量的数据怎样导入到CASS里
- 海洋保护区的概念是在哪一年提出的 我国自然保护区分为哪几类
- 如何使用iPad的Dock和Multitask
- 近水知鱼性,近山识鸟音的出处 近水识鱼性近山知鸟音出自哪本书
- 责任作文600字关于疫情 关于疫情责任作文600字的范文
- 设置点击Enter回车键发送QQ对话框内的聊天信息
- 吃西瓜的女孩简笔画步骤吃西瓜的女孩简笔画教程
- 0.138的计数单位是什么 0.138的计数单位是多少
- 【怀旧服任务坐标】堕落之水#装满水的瓶子
- 银河落九天是哪代诗人的诗句望庐山瀑布古诗内容