背景样式

背景颜色background-color

background-color属性可以控制HTML元素的背景颜色

background-color的属性结构是：

- background-color：value；

#wrapper{
        width:150px;
        height:150px;
        background-color:#f00;
}
<div id="wrapper"></div>

背景图像background-p_w_picpath

background-p_w_picpath属性可以控制HTML元素的背景图像

语法结构

background-p_w_picpath：url（图像url）；

默认情况下，背景图像将重复显示。

#wrapper{
        width:150px;
        height:150px;
        background-p_w_picpath:url(p_w_picpaths/Centos.png);
}
<div id="wrapper"></div>

背景重复background-repeat

background-repaeat属性可以控制背景图像的重复方式

background-repaeat语法结构：

background-repaeat：repeat|no-repeat|repeat-x|repeat-y；

#wrapper{
        width:150px;
        height:150px;
        background-p_w_picpath:url(p_w_picpaths/Centos.png);
        background-repeat:repeat-x;
        border:1px solid red;
}
<div id="wrapper"></div>

背景附着background-p_w_upload

background-p_w_upload属性设置背景图像是否固定或者随着页面其余部分滚动

background-p_w_upload的语法结构是：

background-p_w_upload：scroll|fixed;

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

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

背景定位background-position

background-position属性可以设置背景图像的位置

属性值	说明
top left top center top right center left center center center right bottom left bottom center bottom right	如果仅规定了一个关键词，那么第二个值将是“center” 默认值：0% 0%
xpos ypos	第一个值是水平位置，第二个值是垂直位置。 左上角是 0 0，单位是像素（0px 0px）或任何其他的CSS单位

背景属性background

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

语法结构

- background：color url（图像的url） repeat p_w_upload position；

转载于:https://blog.51cto.com/kinrey/1826914