CSS中设置背景颜色、背景图、是否拉伸、保持居中的方法

总代码如下:

body{
    background:#000;url("../images/background.jpg") no-repeat  center;
    background-size:cover;
    background-attachment:fixed;
}

其中为了省代码量,背景颜色及其图片、居中等代码我写在了一行当中

如仅需在CSS中显示背景图片则

background:url("../images/background.jpg");
/* 或者使用background-image */
background-image:url("../images/background.jpg");

如仅需在CSS中显示背景色则

background:#000;
/* 或者使用background-color */
background-color: #000;

CSS中设置拉伸:

background-repeat:repeat-x
/* 在X方向(横向)拉伸 */
background-repeat:repeat-y
/* 在Y方向(纵向)拉伸 */
background-repeat:no repeat
/* 不进行拉伸 */

background-size(规定背景图像尺寸):cover(足够大)

background-attachment :定义背景图片随滚动轴的移动方式

background-attachment:fixed;(固定)

background-attachment:scroll;(滚动)