这篇“微信小程序背景与背景颜色怎么设置”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“微信小程序背景与背景颜色怎么设置”文章吧
这篇“微信小程序背景与背景颜色怎么设置”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“微信小程序背景与背景颜色怎么设置”文章吧。
一:背景(Background)与颜色(Color)
一、背景:background。设置对象的背景特性。一个元素可以设置多重背景图像,每组之间用逗号隔开,如果存在重叠关系,前面的背景图像会覆盖在后面背景图上。
background-color:指定背景的颜色。取值:正常的颜色取值。
background-image:背景图片。如果设置了这个属性,最好也添加下background-color ,用于当背景image不可见时保持与文本颜色有一定的对比度
background-repeat:设置对象背景图如何铺排填充。
repeat-x:背景在横向上平铺。
repeat-y:背景在纵向上平铺。
repeat:背景图在横向纵向上平铺。
no-repeat:图像不平铺。
round:背景图像自动缩放直到适应且填充整个容器。
space:背景图像以相同的间距平铺且填充满整个容器或者某个方向。
space:
round:
background-attachment:指定对象的背景图像是随对象内容滚动还是固定的。
取值:fixed:固定位置。scroll:相对于元素固定,跟着元素。local:相对于元素内容固定,总是跟着内容。
background-position:指定对象的背景图像位置。
取值:left,right,top,bottom,center。也可以用百分比。
background-size:指定对象的背景图像的尺寸大小。
取值:auto:背景图的真实大小。cover:等比例缩放到完全覆盖容器。有可能超出容器。
contain:将背景图等比例缩放到宽度或者高度与容器的宽度或者高度相等,始终都在容器内。
background-clip:指定对象的背景图像向外裁剪的区域。
取值:padding-box:从padding区域(不含padding)开始向外裁剪背景。
border-box:从border区域(不含border)开始向外裁剪背景。
content-box:从content 区域开始向外裁剪背景。
text:从前景内容的形状做为裁剪区域向外裁剪。
background-origin:指定对象的背景图像显示的原点。
取值:padding-box:从padding区域(不含padding)开始向外裁剪背景。
border-box:从border区域(不含border)开始向外裁剪背景。
content-box:从content 区域开始向外裁剪背景。
以上就是关于“微信小程序背景与背景颜色怎么设置”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注编程网精选频道。
--结束END--
本文标题: 微信小程序背景与背景颜色怎么设置
本文链接: https://www.lsjlt.com/news/307754.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
2024-05-10
2024-05-10
2024-05-09
2024-05-09
2024-05-09
2024-05-09
2024-05-09
2024-05-09
2024-05-09
2024-05-09
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0