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

    background: 在一个声明中设置所有的背景属性。

    语法: 
    background: background-color background-image background-repeat 
    background-attachment background-position;
    
    实例:
    body
      { 
      background: #00FF00 url(bgimage.gif) no-repeat fixed top;
      }
    

    background-color:规定要使用的背景颜色。

     background-color: #000000;
    

    background-image:规定要使用的背景图像。

    background-image:url('bgimage.gif');
    

    background-position:规定背景图像的位置。

    (1)可以是top left center right bottom, 如果仅规定了一个关键词,那么第二个值将是"center"。
    (2)x% y% 第一个值是水平位置,第二个值是垂直位置。
    (3)xpos ypos 第一个值是水平位置,第二个值是垂直位置。
    

    background-size:规定背景图片的尺寸。

    background-size:80px 60px;
    

    background-repeat:规定如何重复背景图像。

     background-repeat: repeat;两个方向上重复
     background-repeat: repeat-x; x方向上重复
     background-repeat: repeat-y; y方向上重复
     background-repeat: no-repeat;图像只显示一次
    

    background-origin:规定背景图片的定位区域。

    background-origin: padding-box|border-box|content-box;
    

    background-clip:规定背景的绘制区域。

    background-clip: border-box|padding-box|content-box;
    

    background-attachment:规定背景图像是否固定或者随着页面的其余部分滚动。

      background-attachment: fixed|scroll;
    
  • 相关阅读:
    bzoj2733: [HNOI2012]永无乡
    bzoj3141: [Hnoi2013]旅行
    bzoj3144: [Hnoi2013]切糕
    bzoj3140: [Hnoi2013]消毒
    bzoj3139: [Hnoi2013]比赛
    bzoj3142: [Hnoi2013]数列
    bzoj3572: [Hnoi2014]世界树
    bzoj2286: [Sdoi2011]消耗战
    bzoj3611: [Heoi2014]大工程
    The Unsolvable Problem
  • 原文地址:https://www.cnblogs.com/YeChing/p/6243773.html
Copyright © 2011-2022 走看看