• background 和渐变 总结


    一,background-position:(图片定位)
    三种写法:
    1):按%比,左上角最小(0%,0%),右下角最大(100%,%100);
    2):(x,y)左上角最小(0,0),右下角最大(max,max);
    3)top,center,left,right,bottom;
    二,background-clip:
    1,包含那一部分的值:border;padding;content;
    三,background-origin:
    1,从那一部分值开始:border;padding;con tent;
    四,背景图像是否固定或者随着页面的其余部分滚动。
    1,scroll:随着页面的其余部分滚动
    2,fixed :固定在窗口的某个位置。
    五,渐变:
    1,线性渐变:linear-gradient:
    1)如果是角度:角度,过渡色;
    2)如果是top。。。,方向前加to,后过渡色;
    2,迳向渐变:radial-gradient:
    1)默认是中心点渐变;
    2)[size at left top]:其中size是渐变半径。
    3,重复渐变:
    1)重复线性渐变:repeating-linear-gradient:格式跟线性渐变一样。
    2)重复迳向渐变:reoeating-radial-gradient:格式跟迳向渐变一样。

    蜗牛又在忙爬树,但他总是没有恒心,每当爬到象剑兰那么高的时候他就会停下来兴奋的和她说话,

    然后不知不觉的往下滑,

    等他滑到底一天也就过去了,第二天他又会爬上来,剑兰总是扬着高傲的头说他很烦。

    但每天早上起来她还是扬着头等蜗牛来和她说话。当松鼠迅捷的从他头上跃过去时,

    蜗牛吓的一闭眼,然后叹道:“哦,什么时候我能练到象松鼠一样一天在大青树上爬二十个来回呢?那样我一天就可以和剑兰姐姐聊二十次了。”

  • 相关阅读:
    如何找回未保存过的 Excel 文件?
    js 下关于json的销毁和添加
    width:100%和width:auto区别
    在ie6下的png图片的兼容问题
    关于input=file的用法
    div+Css绝对定位(absolute)和相对定位(relative)的总结
    onmouseenter和onmouseleave的兼容性问题
    ckfinder的配置使用
    破解ckfinder2.3 去除版本号和标题提示
    jQuery制作图片的等比例缩放
  • 原文地址:https://www.cnblogs.com/daowangzhizhu-pt/p/5649567.html
Copyright © 2020-2023  润新知