zoukankan      html  css  js  c++  java
  • css背景

    背景色

    可以使用 background-color 属性为元素设置背景色。这个属性接受任何合法的颜色值。

    这条规则把元素的背景设置为灰色:

    p {background-color: gray;}

    可以为所有元素设置背景色,这包括 body 一直到 em 和 a 等行内元素。

    background-color 不能继承,其默认值是 transparent。transparent 有“透明”之意。也就是说,如果一个元素没有指定背景色,那么背景就是透明的,这样其祖先元素的背景才能可见。

    背景图像

    要把图像放入背景,需要使用 background-image 属性。background-image 属性的默认值是 none,表示背景上没有放置任何图像。

    如果需要设置一个背景图像,必须为这个属性设置一个 URL 值:

    body {background-image: url(/i/eg_bg_04.gif);}

    背景重复

    如果需要在页面上对背景图像进行平铺,可以使用 background-repeat 属性

    属性值 repeat 导致图像在水平垂直方向上都平铺,就像以往背景图像的通常做法一样。repeat-x 和 repeat-y 分别导致图像只在水平或垂直方向上重复,no-repeat 则不允许图像在任何方向上平铺。

    默认地,背景图像将从一个元素的左上角开始。请看下面的例子:

    body
      { 
      background-image: url(/i/eg_bg_03.gif);
      background-repeat: repeat-y;
      }

    背景定位

    可以利用 background-position 属性改变图像在背景中的位置。

    下面的例子在 body 元素中将一个背景图像居中放置:

    body
      { 
        background-image:url('/i/eg_bg_03.gif');
        background-repeat:no-repeat;
        background-position:center;
      }
    

    为 background-position 属性提供值有很多方法。首先,可以使用一些关键字:top、bottom、left、right 和 center。通常,这些关键字会成对出现,不过也不总是这样。还可以使用长度值,如 100px 或 5cm,最后也可以使用百分数值。不同类型的值对于背景图像的放置稍有差异。

  • 相关阅读:
    统计:概述
    概率论总结
    概率论13 中心极限定律
    概率论12 矩与矩生成函数
    概率论11 协方差与相关系数
    概率论10 方差与标准差
    概率论09 期望
    概率论08 随机变量的函数
    mysql 分区
    Linux 搭建svn版本库
  • 原文地址:https://www.cnblogs.com/singlewei/p/4932247.html
Copyright © 2011-2022 走看看