• CSS 背景


    CSS背景属性:

        background:简写属性,作用是将背景属性设置在一个声明中。

              如:  body{background:#ff0000 url(/i/1.gif) no-repeat fixed center;}

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

              如:  body{

                      background-image:url(/i/1.gif);

                      background-attachment:fixed;

                     }

            background-attachment属性值:

                scroll:默认值。背景图像会随着页面其余部分的滚动而移动。

                fixed:当页面的其余部分滚动时,背景图像不会移动。

                inherit:规定应该从父元素继承background-attachment属性的设置。

        background-color:设置元素的背景图像。

              如:  body{  background-color:yellow;     }

                  h1{   background-color:#00ff00;    }

                  p{     background-color:rgb(255,0,255);   }

            baground-color属性可能的值:

                color-name:规定颜色值为颜色名称的背景颜色(比如:yellow);

                hex-number:规定颜色值为十六进制值的背景颜色(比如:#00ff00);

                rgb-number:规定颜色值为rgb代码值的背景颜色(比如:rgb(255,0,255));

                transparent:默认值。背景颜色为透明色。

                inherit:规定应该从父类元素继承background-color属性的值。

        background-image:把图片设置为背景。

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

            background-image属性可能的值:

                url('url'):指向图片的路径。(如:url(/i/1.gif));

                none:默认值。不设置背景图片。

                inherit:规定应该从父元素继承background-image属性的设置。

         background-position:设置背景图像的起始位置。

              如:  body{  background-position:center;  }

            background-position属性可能的值:

                top  left      

                center  center

                bottom   right  

               //第一列代表垂直方向的对齐方式,第二列代表水平方向的对齐方式。 

                x%    y%

                xpx    ypx  

               //第一列代表距离左边距的值,第二列代表距离页面顶部的值。

         background-repeat:设置背景图像是否及如何重复。

              如:  body{   background-repeat:repert-y;  } 

            background-repeat属性可能的值:

                repeat:默认。背景图像将在垂直和水平方向重复。

                repeat-x:背景图像将在水平方向重复。

                repeat-y:背景图像将在垂直方向重复。

                no-repeat:背景图像将仅仅显示一次。

                inherit:规定应该从父元素继承background-repeat属性的设置。 

               

                   

  • 相关阅读:
    struts1 Hibernate3初学
    java学习笔记
    改良程序需要的11个技巧
    SharePoint 2010 PowerShell 系列 之 应用总结
    PowerPivot for excel 100 Create KPI
    Sharepoint 2010 控件系统 之 扩展 SaveButton
    Entity Framework 5 一个模型多个关系图 期待已久了
    PowerPivot for Sharepoint 2010 配制及常见错误
    SharePoint 2010 PowerShell 系列 之 应用总结 (二)
    Sharepoint 2010 控件系统 之 TextField、LookupField、NoteField、RichTextField、SaveButton
  • 原文地址:https://www.cnblogs.com/lanchong/p/1781920.html
Copyright © 2020-2023  润新知