zoukankan      html  css  js  c++  java
  • CSS Background

    http://www.runoob.com/css/css-background.html

    http://www.w3school.com.cn/css/css_background.asp

    CSS 背景属性用于定义HTML元素的背景。

    CSS 属性定义背景效果:

    • background-color
    • background-image
    • background-repeat
    • background-attachment
    • background-position

    背景颜色

    background-color 属性定义了元素的背景颜色.

    CSS中,颜色值通常以以下方式定义:

    • 十六进制 - 如:"#ff0000"
    • RGB - 如:"rgb(255,0,0)"
    • 颜色名称 - 如:"red"
    body {background-color:#b0c4de;}
    h1 {background-color:#6495ed;}
    p {background-color:#e0ffff;}
    div {background-color:#b0c4de;}

    背景图像

    background-image 属性描述了元素的背景图像.

    默认情况下,背景图像进行平铺重复显示,以覆盖整个元素实体.

    body {background-image:url('paper.gif');}

    背景图像 - 水平或垂直平铺

    默认情况下 background-image 属性会在页面的水平或者垂直方向平铺。

    background-repeat:repeat-x;    //只在横轴方向重复

    background-repeat:repeat-y;    //只在纵轴方向重复

    background-repeat:repeat;       //默认的应该是这个,横轴和纵轴方向都进行重复

    background-repeat:no-repeat;   //不重复

    background-repeat:space;          //横轴和纵轴方向都重复,但是图片重复的时候,会加空格。最后形成网状的效果

    背景图像- 设置定位与不平铺

    background-repeat:no-repeat;
    background-position:right top;

    背景- 简写属性

    为了简化这些属性的代码,我们可以将这些属性合并在同一个属性中.

    背景颜色的简写属性为 "background":

    body {background:#ffffff url('img_tree.png') no-repeat right top;}

    当使用简写属性时,属性值的顺序为::

    • background-color
    • background-image
    • background-repeat
    • background-attachment
    • background-position

    以上属性无需全部使用,你可以按照页面的实际需要使用.

    如何设置固定的背景图像

    background-attachment:fixed;

  • 相关阅读:
    mini2440 UBoot启动过程完全分析
    Linux Shell常用命令学习(1)
    S3C6410启动模式介绍
    漫画与新媒体的传播思考
    注册表修改启动项
    邮件主题是乱码的原因gbk 在utf8 显示问题
    移动 电话费 套餐
    java 异常的问题讨论
    领结的打法
    c# 字符之间的转换
  • 原文地址:https://www.cnblogs.com/chucklu/p/6938129.html
Copyright © 2011-2022 走看看