背景

背景尺寸属性
background-size:宽度 高度;
1.想要图片等比拉伸宽度或者高度----auto
2.想要图片等比拉伸并且宽度高度都填满整个元素----cover
3.想要图片等比拉伸并且宽度高度或填满整个元素----contain
背景图片定位区域属性,告诉系统图片从什么区域开始显示:background-origin
1.padding-box----默认情况下就是从padding-box区域开始显示
2.border-box----从border区域开始显示
3.content-box----从内容区域开始显示
 背景绘制区域属性:background-clip
1.border-box----默认情况下就是从1.border-box区域开始绘制
2.padding-box----从padding区域开始显示
3.content-box----从内容区域开始显示
 背景属性:background
1.多张背景图片之间用逗号隔开即可
2.注意点:先添加的背景图片会盖住
3.图片定位:background-position
4.多重背景图片的编写,建议拆开编写
background-img:url(图片1),url(图片2),......;
background-repeat:no-repeat,no-repeat,......;
background-position:left top,right top,....;
background-size:50px 50px,.....;





posted @ 2019-09-09 19:20  子沐  阅读(148)  评论(0编辑  收藏  举报