zoukankan      html  css  js  c++  java
  • CSS之background

    背景颜色

    background-color:颜色值

    图片背景

    background-image: url(相对地址)

        多张背景图片:Background-image同时加入图片地址,并使用background-position设置背景位置

    background-repeat: repeat /repeat-x / repeat-y

                                 图片在水平和垂直方向/ 水平方向/ 垂直方向 重复

    background-attachment:fixed(图片背景一直保持在页面固定位置)/ scroll(默认值)/ inherit

    background-position:关键字/ 百分比(该数值同时应用于元素和图像)/ 像素(元素内边距区左上角的偏移。偏移点是图像的左上角) 注意,行内元素也可以设置background

    CSS3内容

    背景图片尺寸

    background-size: 宽 高长度/ 百分比/ cover(扩展足够大,覆盖背景区域/ cotain(图片扩展到背景尺寸)

    背景覆盖区域

    background-clip:border-box(背景被裁剪到边框盒)/ padding-box(背景被裁剪到内边距框)/ content-box(背景被裁剪到内容盒)/

    背景定位位置

    背景相对应什么位置定位和background-position一起使用 背景图像的 background-attachment 属性为 "fixed",则该属性没有效果。

    background-origin: border-box/ padding-box/ content-box 相对于边距/内边距/内容定位

  • 相关阅读:
    silo 主机 报找不到 grain 实现错误的一个注意
    转:CRT注册
    Maven生命周期
    Maven学习笔记
    Java内存回收机制
    Selenium2.0和1.0的区别
    关于使用Selenium RC无法打开指定页面问题
    四儿子购买手册
    Objective-C 宏定义的收集
    设计模式:适配器模式
  • 原文地址:https://www.cnblogs.com/microcosm/p/6535410.html
Copyright © 2011-2022 走看看