CSS背景图片

背景图片取消重复

background-image: url(image.jpg);
background-repeat:no-repeat;

背景图片固定（不会随着内容滚动而改变位置）

background-image: url(image.jpg);
background-attachment:fixed;

背景图片居中显示（垂直水平居中）

background-image: url(image.jpg);
background-repeat:no-repeat;
background-position:center center;

水平方向居中 垂直方向向上

background-image: url(image.jpg);
background-repeat:no-repeat;
background-position:center top;

水平方向向右 垂直方向向下

background-image: url(image.jpg);
background-repeat:no-repeat;
background-position:right bottom;

背景图片等比例拉伸

background-image: url(image.jpg);
background-repeat:no-repeat;
background-size: auto 100%;
/* background-size: 100% auto; */