这篇文章将为大家详细讲解有关CSS背景background图片的示例分析，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。
1、后盾图片语法
bac千克round-image:url() 引入后援图片
background-repeat:no-repeat 设置后盾图片可否重复平铺
background-position:left top 配置图片的css后台定位，left代表靠左，top代表靠上
简写靠山图片语法：
bac千克round:url(图片地点) no-repeat left top
2、后台图片设置装备摆设
这里设置了图片“//www.css5.com.cn/img201301/CSS5-logo-2013.gif”作为网页背景不反复并靠上靠左显露。，
3、CSS配景图居中
横向居中：
bac公斤round:url(图片所在) no-repeat center top
纵向居中：
bac千克round:url(图片地址) no-repeat left 50%
这里50%是恣意配置考上为50%间隔，细节详细凹凸垂直居中紧要再经由百分比平衡设置装备摆设。
4、后台图片通常案例
Body设置装备摆设网页后台css代码
CSS图片靠山案例截图
不几回再三也不屈铺图片后盾截图
5、div css后台图片居中
Css背景图片居中代码：
这里咱们用了“center ”居中属性，更多详情可进入css 配景熟谙基础
居中截图
背景图片居中于网页截图
6、靠山图片横向平铺
CSS背景X横向平铺代码：
案例截图：
Y轴横向平铺图片后台截图
7、后援图片纵向平铺
CSS后盾Y纵向平铺代码：
平铺反复图片后援成效截图：
纵向Y轴偏袒垂直平铺图片后台截图
8、全网页靠山图片重复平铺
图片配景全屏网页几回再三平铺枢纽代码：
截图：
图片作为后台全屏平铺闪现截图
注明：这里不有配置是否重复，能否居左居右，只配置后盾引入图片便可轻便地实现图片自然全屏平铺关于“CSS背景background图片的示例分析”这篇文章就分享到这里免费云主机域名了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。
这篇文章主要介绍微信小程序中WXSS是什么，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！ WXSS(WeiXin Style Sheets)是一套样式语言，用于描述WXML的组件样式。 WXSS用来决定WXML的组件应该怎么显示。 为了…
免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。
微信扫一扫 
