⼩程序css篇----背景(Background)与颜⾊(Color)⼀。背景:background。设置对象的背景特性。⼀个元素可以设置多重背景图像,每组之间⽤逗号隔开,如果存在重叠关系,前⾯的背景图像会覆盖在后⾯背景图上。吴青峰的字
1.background-color:指定背景的颜⾊。取值:正常的颜⾊取值。
pc肌肉练习图解2.background-image:背景图⽚。如果设置了这个属性,最好也添加下background-color ,⽤于当背景image不可见时保持与⽂本颜⾊有⼀定的对⽐度
3.background-repeat:设置对象背景图如何铺排填充。
repeat-x:背景在横向上平铺。
莫文蔚结婚了吗repeat-y:背景在纵向上平铺。
repeat:背景图在横向纵向上平铺。乘风破浪最后七人团名单
no-repeat:图像不平铺。
round:背景图像⾃动缩放直到适应且填充整个容器。
space:背景图像以相同的间距平铺且填充满整个容器或者某个⽅向。
狗狗名字大全space:
round:
4.background-attachment:指定对象的背景图像是随对象内容滚动还是固定的。
取值:fixed:固定位置。scroll:相对于元素固定,跟着元素。local:相对于元素内容固定,总是跟着内容。
5.background-position:指定对象的背景图像位置。
取值:left,right,top,bottom,center。也可以⽤百分⽐。
6.background-size:指定对象的背景图像的尺⼨⼤⼩。
取值:auto:背景图的真实⼤⼩。cover:等⽐例缩放到完全覆盖容器。有可能超出容器。
contain:将背景图等⽐例缩放到宽度或者⾼度与容器的宽度或者⾼度相等,始终都在容器内。
7.background-clip:指定对象的背景图像向外裁剪的区域。
取值:padding-box:从padding区域(不含padding)开始向外裁剪背景。
border-box:从border区域(不含border)开始向外裁剪背景。
content-box:从content 区域开始向外裁剪背景。
text:从前景内容的形状做为裁剪区域向外裁剪。
8.background-origin:指定对象的背景图像显⽰的原点。
取值:padding-box:从padding区域(不含padding)开始向外裁剪背景。
border-box:从border区域(不含border)开始向外裁剪背景。
content-box:从content 区域开始向外裁剪背景。
⼆。颜⾊:color:设置对象的⽂本颜⾊。
可使⽤颜⾊名,rgb,hex,rgba,hsl,hsla,transparent等等来设置。
opacity:设置对象的不透明度。取值范围为0.0-1.0。释小龙和郝邵文电影全集
opacity:0.2
opacity:0.8
颜⾊名可参考:
发布评论