zoukankan      html  css  js  c++  java
  • background-image属性

    background-image 属性

    • 实例,设置body元素的背景图像:
    body
    {
        background-image: url('paper.gif');
        background-color: #cccccc;
    }
    
    • background-image
      • url('URL') 指向图像的路径。
      • none 默认值。不显示背景图像。
      • inherit 规定应该从父元素继承 background-image 属性的设置。
    • background-attachment
      • scroll 默认值。背景图像会随着页面其余部分的滚动而移动。
      • fixed 当页面的其余部分滚动时,背景图像不会移动。
      • inherit 规定应该从父元素继承 background-attachment 属性的设置。
    • background-color
      • color_name 规定颜色值为颜色名称的背景颜色(比如 red)。
      • hex_number 规定颜色值为十六进制值的背景颜色(比如 #ff0000)。
      • rgb_number 规定颜色值为 rgb 代码的背景颜色(比如 rgb(255,0,0))。
      • transparent 默认。背景颜色为透明。
      • inherit 规定应该从父元素继承 background-color 属性的设置。
    • background-repeat
      • repeat 默认。背景图像将在垂直方向和水平方向重复。
      • repeat-x 背景图像将在水平方向重复。
      • repeat-y 背景图像将在垂直方向重复。
      • no-repeat 背景图像将仅显示一次。
      • inherit 规定应该从父元素继承 background-repeat 属性的设置。
    • background-size: length|percentage|cover|contain;
      • length 设置背景图像的高度和宽度。第一个值设置宽度,第二个值设置高度。如果只设置一个值,则第二个值会被设置为 "auto"。
      • percentage 以父元素的百分比来设置背景图像的宽度和高度。第一个值设置宽度,第二个值设置高度。如果只设置一个值,则第二个值会被设置为 "auto"。
      • cover 把背景图像扩展至足够大,以使背景图像完全覆盖背景区域。背景图像的某些部分也许无法显示在背景定位区域中。
      • contain 把图像图像扩展至最大尺寸,以使其宽度和高度完全适应内容区域。
  • 相关阅读:
    Android 颜色配置表-颜色类
    Android模拟器——Genymotion
    Android-adb shell 读取手机系统文件
    android webview js交互 第一节 (java和js交互)
    Android源码目录结构详解(转载)
    BlockingQueue深入分析(转)
    RUDP之三 —— Virtual Connection over UDP
    RUDP之二 —— Sending and Receiving Packets
    OSS层基础:平台区分
    RUDP之一 —— UDP VS TCP
  • 原文地址:https://www.cnblogs.com/wumz/p/10605265.html
Copyright © 2011-2022 走看看