背景设置

背景
平铺
background­repeat:repeat:repeat­:能够取x横向 y纵向 none不平铺;
条件是背景小于标签尺寸,取值为:repeat默认值为xy方向上平铺,
背景图尺寸
background­size:auto图片保持原有的尺寸。
contain:等比例缩放撑满标签(图片大于标签尺寸)
cover:放大到适应的标签尺寸(图片小于标签,可是图片放大之后会失真)
百分比:标签的百分比;固定值:宽高相同的时候能够只给一个值;
渐变色
渐变色:background:linear­gradient(to top;颜色,颜色,颜色):线性渐变色
to top :从上到下依次变;
to bottom:从上到下依次变
45deg:45度角开始;
最少三个值,第一个是渐变方向,第二个是起始颜色,第三个是终止颜色。
background:repeating­linear­gradient():径向渐变色
背景图剪切
渲染区域是border­box的左上角
background­clip:border­box;padding­box;content­box;
图片背景根据内容平铺:background­origin:content­box;
background:url(图片位置) centertop位置 no­repeat;
url

相关文章
相关标签/搜索