4.11日音讯，首创网络CSS中背景属性细解

　　4.11日音讯，首创网络CSS中背景属性细解，我们在应用中最常用的css背景有两种，一是背景的颜色，另一个是背景的图片，但其它的属性是不是就没用了，答案是否定的，其实在CSS家族中，CSS背景属性是非常强大和丰富的，现在邯郸网站建设首创网络就来给大家一一详解。

　　css说明

　　background-image:url("图片的网址");背景图

　　background:url("图片的网址");背景

　　background-color:#色码;背景色彩

　　Exp:

　　background-image:url(背景图案.jpg,gif,bmp);

　　background-color:#FFFFFF;

　　background-color:transparent;<--设定背景为透明色

　　background-repeat改变背景图片的重复并排的设定

　　css

　　说明

　　repeat背景图片并排

　　repeat-x背景图片以X方向并排

　　repeat-y背景图片以Y方向并排

　　no-repeat背景图片不以并排的方式处理

　　Exp:

　　background-image:url("http://www.hdscwl.com/logo.gif");

　　background-repeat:no-repeat;

　　--------------------------------------------------------------------------------

　　background-attachment是否固定图片位置

　　css

　　说明

　　scroll拉动卷轴时，背景图片会跟着移动（缺省值）

　　fixed拉动卷轴时，背景图片不会跟着移动

　　Exp:

　　background-image:url("http://www.hdscwl.com/logo.gif");

　　background-repeat:no-repeat;

　　background-attachment:fixed;

　　以http://www.hdscwl.com/logo.gif背景图片不重复并列，且不随卷轴移动

　　--------------------------------------------------------------------------------

　　以长度定位background-position:xy

　　使用百分比定位background-position:x%y%

　　css

　　说明

　　x%往右移

　　y%往下移

　　backgroud-position:0%0%;左边上方

　　backgroud-position:0%50%;左边中间

　　backgroud-position:50%0%;中间上方

　　backgroud-position:50%50%;正中间

　　backgroud-position:100%0%;右边上方

　　backgroud-position:0%100%;左边下方

　　backgroud-position:100%50%;右边中间

　　backgroud-position:50%100%;中间下方

　　backgroud-position:100%100%;右边下方

　　以关键字定位

　　关键字说明

　　top上(y=0)

　　center中(x=50,y=50)

　　bottom下(y=100)

　　left左(x=0)

　　Exp:

　　background-position:center;

　　图片在指定背景中央X=50%Y=50%位置

　　background-position:200px30px