CSS背景

2017-09-17  本文已影响3人  陈老板_

背景颜色:background-color
背景图片:background-image
平铺图片:background-repeat:repeat-x 沿x轴平铺 repeat-y 沿y轴 space 中间有空隙 round 等比例平铺
滚动:background-attachment:scroll 默认值 字体滑动背景不动 local 文字和背景一起滚动
改变背景图片位置: background-position:xxpx,xxpx 根据x轴y轴偏移 也可以写百分比(整个容器的百分比) 也可以写关键字,例如center
线性渐变:linear-gradient() 用法:background-image:linear-gradient(red,blue);在()里写上to top就是从下往上渐变,其他同理。也可写角度 例如0deg
径向渐变:radial-gradient
repeat-*-gradient:进行重复渐变
background-origin:背景图片0,0坐标在哪里 默认值padding-box。可设置border-box和context-box。
background-clip:裁剪 默认值为border-box
background-size:大小 默认值为auto,可设置px,百分比(根据容器),cover 撑满整个容器,contain 尽可能大 但不能超过宽高

上一篇下一篇

猜你喜欢

热点阅读