zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    坐看夕阳
    张学孟 (帮别人名字作诗)
    光棍节有感
    我懂
    陶婷(帮别人名字作诗)
    你的爱是不是在等着我
    OpenCV数据读写操作
    数字图像处理中的形态学
    C++/C学习笔记(一)
    利用opencv绘制 灰度直方图 RGB直方图 HSV直方图 直方图均衡化
  • 原文地址:https://www.cnblogs.com/xiaonian8/p/13834563.html
Copyright © 2011-2022 走看看