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 相对于边距/内边距/内容定位

  • 相关阅读:
    Docker学习笔记-Redis 安装
    CentOS搭建FTP服务
    Docker学习笔记-Docker for Windows 安装
    Docker学习笔记-Docker for Linux 安装
    (转载)Javascript 中的非空判断 undefined,null, NaN的区别
    MongoDB
    RabbitMQ
    GIT学习笔记——常用命令
    Evanyou Blog 彩带
    Evanyou Blog 彩带
  • 原文地址:https://www.cnblogs.com/microcosm/p/6535410.html
Copyright © 2011-2022 走看看