• CSS背景background


    1、背景颜色

    background-color

    取值:合法的颜色值和transparent

    注:背景颜色和背景图片,填充都是从边框开始

    2、背景图片

    background-image:url(图片路径)

    3、背景图平铺

    background-repeat:

    取值:

        repeat:平铺

        no-repeat:不平铺

        repeat-x:水平方向平铺

        repeat-y:垂直方向平铺

    4、背景图定位

    background-posion:x   y,设定的值都是相对于浏览器,不是相对于容器

    取值:

        (1):x,y都是以px为单位的数字 +:右,下 -:左上

        (2)x%  y%

        (3)关键字 x:left/center/right  y:top/center/bottom

    5、背景图片的尺寸

    background-size:x   y

    取值:

        (1)x  y以px为单位的数字

        (2)x%  y% 相对原图的%比

        (3)cover:容器被图片100%覆盖,哪怕图片显示不全,也要把容器覆盖

        (4)contain:容器要把图片100%包含起来,哪怕图片缩小到看不到,也要把整张图片都包含住

    佛山vi设计https://www.houdianzi.com/fsvi/ 豌豆资源搜索大全https://55wd.com

    6、背景图固定

    将背景图固定在网页某个位置,一直处于可视区域中,不会随着网页滚动条滚动发生变化,但是会显示在原容器中

    background-attachment:

    scroll 默认值

    fixed:固定

    7、背景简写方式

    在一个背景中指定多个属性值

    background

    取值:color url repeat attachment position

  • 相关阅读:
    C# 多态性
    C# FileStream类
    C# File文件类
    加快访问GitHub的速度
    Git-修改.gitignore后使其配置生效的方法总结
    ES6 解构赋值
    avue表单数据请求
    uniapp canvas组件复用
    uniappH5 fly.js Golang 解决跨域问题
    java bug记录
  • 原文地址:https://www.cnblogs.com/xiaonian8/p/13834563.html
Copyright © 2020-2023  润新知