电脑桌面
添加小米粒文库到电脑桌面
安装后可以在桌面快捷访问

wxss学习系列三背景Background与颜色Color,边框

wxss学习系列三背景Background与颜色Color,边框_第1页
1/8
wxss学习系列三背景Background与颜色Color,边框_第2页
2/8
wxss学习系列三背景Background与颜色Color,边框_第3页
3/8
小程序商店 9.cn 提供 wxss 学习系列三一:背景(Background)与颜色(Color)一、背景:background。设置对象的背景特性。一个元素可以设置多重背景图像,每组之间用逗号隔开,如果存在重叠关系,前面的背景图像会覆盖在后面背景图上。1.background-color:指定背景的颜色。取值:正常的颜色取值。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.2opacity:0.8二:边框(Border)一.边框:border 设置对象边框的特性。1.语法:border:length style color2.style:none ,hidden,dotted,dashed,solid,doubl...

1、当您付费下载文档后,您只拥有了使用权限,并不意味着购买了版权,文档只能用于自身使用,不得用于其他商业用途(如 [转卖]进行直接盈利或[编辑后售卖]进行间接盈利)。
2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。
3、如文档内容存在违规,或者侵犯商业秘密、侵犯著作权等,请点击“违规举报”。

碎片内容

wxss学习系列三背景Background与颜色Color,边框

确认删除?
VIP
微信客服
  • 扫码咨询
会员Q群
  • 会员专属群点击这里加入QQ群
客服邮箱
回到顶部